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内 容 简介 


本 书 内 容 包括 信息 的 基础 知识 、 信息 设计 中 的 图 解 、 信 息 设 计 中 的 网 格 编排 .信息 设计 中 的 导 视 系统 、 
信息 设计 领域 中 的 内 容 与 形式 及 案例 赏析 六 部 分 。 本 书 的 编写 在 借鉴 国内 外 同类 优秀 教材 编写 形式 的 基 
础 上 , 进行 了 创新 ， 通 过 具体 的 案例 展示 ,对 知识 要 点 进行 逐步 深入 的 讲解 并 结合 成 功 的 实践 案例 分 析 ， 
以 帮助 学 生 掌握 设计 的 规律 与 训练 实际 设计 项 目的 操作 思维 方法 。 

本 书 可 作为 高 等 院 校 艺术 设计 专业 课程 的 配套 教材 ， 也 可 作为 设计 爱好 者 和 自学 者 的 参考 用 书 。 
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为 了 使 不 同 的 受众 群 能 够 更 为 直观 地 掌握 信息 和 慕 取 知识 ， 我 们 有 必要 梳理 
编辑 及 运用 相关 数据 和 实例 来 进行 视觉 信息 设计 .人 人 类 80% 以 上 的 信息 来 源 于 
视觉 ， 其 中 视觉 形式 和 认 知 进程 起 着 决定 性 的 作用 > | 信息 设计 起 到 了 一 种 媒介 作 
用 ， 如 清晰 有 效 地 印刷 样式 就 是 其 精确 的 途径 学 二 ， 它 将 所 需 的 重要 步骤 鉴 合 在 
一 个 艺术 化 的 纲领 中 ， 使 作品 能 名 在 驻 休 让 得 到 理解 。 

从 2000 年 起 ， 就 不 断 地 有 中国 学 生来 上 我 的 信息 美学 与 印刷 样式 和 字体 设计 
讨论 课 ， 他 们 将 中 国文 化 艺术 下 入 并 融合 到 课程 中 ， 如 长 江 流 域 的 地 图 、 京 剧 
兵马俑 、 书 法 及 针 侨 的 丙 刀 等 ， 都 知性 化 、 形 级 他 地 出 现在 富有 美学 价值 的 书 适 
插图 和 海报 当中 < ie 

欧阳 丽水 的 天 分 和 勤 落 给 我 留 下 了 深刻 的 印象 ， 现 今 地 在 武汉 市 高 等 院 校 
设 入 息 设计 这 门 麻 ， 在 德国 也 下 起 了 关注 。 她 深 深 知 道 ， 富 含 丰 富 思 想 的 图 像 将 
eer eee eee 
”通过 这 本 书 ， 我 预 祝 感 兴趣 的 读者 和 信息 设计 学 科 在 中 国有 广大 的 前 途 。 
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布 吕 科 勒 。 哈 特 穆 特 教授 
德国 明 斯 特 应 用 技术 大 学 艺术 设计 系 





信息 设计 理论 是 为 科学 而 设计 的 理论 ， 其 面 对 的 是 信息 时 代 出 现 的 新 的 设计 
问题 。 首 先 ， 人 的 需求 逐渐 从 物质 向 精神 的 层面 过 渡 ， 其 次 ， 由 于 信息 技术 的 发 
展 ， 人 们 将 更 多 地 依赖 数字 语言 进行 沟通 与 交流 。 数 字 语 言 本 身 仅 是 一 种 媒介 ， 
它 的 形态 需要 经 过 组 织 与 设计 帮 具 有 明确 的 含义 ， 才 能 起 到 交流 的 作用 。 如 何 传 
达 及 是 否 传达 清楚 ， 可 以 借助 于 各 种 定性 或 定量 分 煌 的 方法 进行 解析 。 

信息 设计 的 目的 是 让 信息 明确 化 ， 介 设计 上 又 要 求 在 同一 界面 上 传达 诸多 的 
信息 。 有 些 信息 是 并 行 的 ， 有 些 则 处 平一 个 序列 的 深层 ， 如 何 组 织 这 些 相同 或 不 
同 诗 次 申 的 信息 ， 使 之 符合 大 的 雇 知 习惯 并 完整 地 体现 出 事物 的 意义 ， 这 正 是 在 
信息 设计 领域 中 要 研究 的 基本 问题 。 
一、 信息 设计 的 提出 

信息 设计 (Information Design) 这 一 概念 最 早 是 由 英国 的 信息 协会 (British 
Information Design Society) 提出 并 加 以 推广 的 。 事 实 上 ， 在 这 一 概念 提出 以 前 
信息 设计 早已 存在 于 诸多 领域 中 ， 而 且 信息 设计 被 赋予 了 不 同 的 名 称 : 在 报刊 领 
域 ， 被 称 为 信息 图 形 (Information Graphics) ; 在 商业 领域 ， 被 称 为 表达 图 形 或 商 
业 图 形 (Presentation Graphics or Business Graphics) ; 在 科学 领域 ， 则 被 称 为 人 们 
所 熟知 的 科学 可 视 化 (Scientific Visualization) 。 另 外 ， 计 算 机 工程 师 称 之 为 界面 


设计 (Interface Design) ; 会 议 设 备 人 员 称 之 为 图 表 记 录 (Graphic Recording) ; 建 
【参考 视频 】 


这 就 是 人 视 
化 (Nordri #5] ) 





筑 师 形象 地 称 之 为 标记 (Signage) 或 路 径 发 现 (Way Finding) ; 图 形 设计 者 则 直 
接 称 之 为 设计 。 

信息 传达 系统 设计 从 20 世纪 初 开始 ， 在 少数 发 达 国 家 中 被 运用 到 公众 服务 
项 目 中 。 以 公共 交通 部 分 为 例 ， 比 较 科学 和 准确 的 视觉 传达 体系 最 早产 生 于 国际 
性 大 都 市 一 一 伦敦 ， 其 成 为 商业 、 人 金融 和 贸易 的 中 心 ， 城 市 已 变 成 文明 的 神经 枢 
纽 。 伦 敦 的 人 口 来 自 世界 各 地 ， 人 流量 较 大 。 1863 年 ， 为 了 解决 交通 的 拥堵 问题 ， 
际 性 非常 强 的 伦敦 建成 了 最 早 的 地 铁 。 如 何 设计 出 一 个 能 够 为 这 种 复杂 信息 背 
景 服务 的 地 铁 交 通体 系 图 ， 是 英国 政府 非常 关心 的 工作 。1933 年 ， 伦 敦 地 铁 进行 
新 地 铁 系 统 地 图 的 试验 性 印刷 时 ， 同 时 发 起 了 一 次 视觉 传达 设计 革新 。 英 国 设计 
师 享 利 * 贝克 提出 一 个 未 征稿 的 设计 方案 ， 它 用 图 示 说 明代 替 地 理 上 的 逼真 的 地 
图 ， 将 蛇 昨 曲折 的 地 理 线条 整理 成 横 线 、 竖 线 和 45° 斜 线 ， 用 鲜明 的 色彩 代号 识 
别 且 区 分 各 条 线路 。 地 铁 宣传 部 门 对 此 方案 的 价值 持 谨慎 态度 ， enmir esin 
图 来 进行 实验 ， 以 征求 群众 的 意见 。 使 用 亨利 贝克 的 方案 后 , REIER 
多 时 间 就 可 以 知道 自己 的 位 置 和 应 该 搭乘 的 线路 、 Fath, EREM, 换 乘 站 。 当 
地 铁 宣传 部 门 发 现 这 一 系统 极其 方便 有 用 后 ， 导 视图 便 在 整个 城市 进行 了 推广 。 
这 一 系统 不 久 就 成 了 一 个 全 世界 模仿 的 范本 。 ER > 贝克 在 27 年 中 不 断 地 对 伦 
敦 地 铁 进行 修正 和 设计 ， 并 对 图 解 和 网 状 系统 的 视觉 展示 作出 了 重要 的 贡献 。 

1976 年 ， 时 任 美国 建筑 师 协会 (American Institute of Architects, AIA) 会 议 
主席 的 Richard Saul Wurman 将 信息 结构 作为 会 议 的 主题 * 首次 对 信息 结构 设计 
师 作出 了 定义 。1984 年 、Richard Saul Wurman wet Bu TED (Technology 
Entertainment Desin 入 会议 ， 这 次 会 议 围绕 理解 ， 探 讨 了 科学 ， 理 解 和 信息 的 关 
系 ， 正 式 确立 了 信息 设计 这 一 学 科 。1999 年 ， 在 日 本 多 摩 美术 大 学 举行 了 国际 信 
息 学 术 研讨 会 ， 正 式 启 用 了 该 学 科 的 英文 名 称 “Information Design”, 

二 、 信 息 设计 的 现状 

国外 的 研究 现状 : 目前 ， 国 际 设计 教育 界 在 信息 设计 与 新 媒体 的 教学 与 研究 
方面 保持 着 引领 前 沿 的 态势 。 国 际 上 已 经 有 许多 院 校 设立 了 此 方向 的 专业 课程 ， 
有 比较 成 熟 的 研究 理论 和 实践 应 用 方法 ， 但 在 该 专业 界定 、 称 谓 及 教学 重点 方面 
不 尽 相 同 。 国 外 开设 信息 设计 的 设计 教育 研究 机 构 有 著名 的 哈佛 大 学 设计 学 院 、 
麻 省 理工 学 院 、 纽 约 视觉 艺术 学 院 、 科 隆 媒 体 艺术 学 院 、 明 斯 特 艺 术 设 计 学 院 、 
东京 艺术 大 学 、 筑 波 大 学 、 早 稻田 大 学 等 ， 它 们 都 有 相关 的 专业 研究 方向 和 学 科 
教育 。 
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内 的 研究 现状 : 目前 ， 我 国 缺乏 完善 的 信息 设计 理论 和 原理 的 基础 研究 。 
2000 年 ， 清 华 大 学 美术 学 院 开 始 设 有 信息 艺术 设计 专业 ， 建 立 了 “985 信息 设计 ” 














研究 项 目 ， 对 信息 设计 的 相关 理论 、 方 法 、 人 才 培养 目标 、 教 学 大 纲 、 教 材 与 实 
践 环节 展开 了 系统 的 研究 ， 并 进行 了 诸多 国际 交流 与 合作 。2005 年 ， 华 中 师范 大 
学 美术 学 院 开始 信息 设计 领域 研究 ， 于 2008 年 在 本 科教 学 中 开设 了 信息 设计 专 
业 课程 导向 设计 和 图 解 设 计 ， 并 于 2009 年 在 研究 生 基础 教学 中 开设 信息 设计 课 
程 。 目 前 ， 国 内 许多 院 系 ， 如 湖北 美术 学 院 工业 设计 系 、 广 州 美术 学 院 设计 学 院 
等 ， 纷 纷 开设 了 有 关 方向 或 课程 。 

三 、 信 息 设计 的 价值 

信息 设计 研究 具有 很 强 的 实际 应 用 价值 现今， 信息 设计 系统 科学 思想 正 以 
空前 的 广度 与 深度 向 人 类 几乎 所 有 的 知识 领域 渗透 ， 以 其 跨 学 科 性 、 综 合 性 和 普 
适 性 影响 并 促进 着 当代 科学 的 发 展 。 可 以 说 ， 信 息 设 计 淫 及 人 类 社会 的 方 方 面 
面 ， 和 如 收治、 经济 、 文 化 、 军 事 ， 生态、 管理 等 。 就 其 市 具体 的 城市 公共 导向 信 
息 设计 系统 案例 而 言 ， 如 伦敦 完备 的 城市 公共 交道 导向 入 息 设计 系统 ， 包 含 城市 
交通 导向 、 公 共 室 间 与 建筑 导向 、 城 市 旅游 导向 等 分 系统 ， 而 各 分 系统 又 包含 诸 
多 子 系统 和 系统 要 素 。 城 市 公共 交通 导向 标识 包含 相对 独立 的 机 场 、 地 铁 ， 公 路 
等 公共 导向 标识 。 在 其 公共 交通 节点 汪 ， 如 机 场 、 地 铁 、 公 路 各 个 子 系统 不 仅 能 
相互 街 接 ， 而 且 也 能 与 其 他 系统 相互 街 接 ， 使 得 复杂 的 道路 交通 与 丰富 的 人 文 和 
景观 很 好 地 融合 在 一 起， 并 把 计划 、 规 划 、 设 想 通 过 视觉 的 形式 传达 出 来 。 

信息 设计 的 价值 是 人 类 的 主观 愿望 \ 需 水 和 意识 的 产物 。 信 息 设 计价 值 体系 
是 行为 .信念 -理想 与 规范 的 准则 体系 ， 古 社会 性 的 主观 规范 体系 。 信 息 设计 中 
的 价值 是 以 价值 为 标准 对 现实 中 的 各 种 现象 和 问题 进行 把 握 ， 对 发 展 目标 和 行动 
- 诊 守 进行 评价 和 选择 ， 最 终 进行 性 际 应 用 ， 体 现实 际 应 用 价值 。 所 以 ， 信 息 设 计 
并 不 是 主观 的 判断 所 得 出 的 结论 ， 也 不 是 纯粹 的 客观 观点 ， 而 是 主客 观 相 结合 的 
理论 性 和 实践 性 设计 。 它 既 追 求 客观 真理 ， 又 追求 与 人 类 情感 、 经 验 、 意 志 、 想 
象 和 直观 能 力 相关 的 东西 。 

信息 设计 同样 提升 了 人 类 的 审美 情趣 ， 传 达 出 对 于 生活 更 加 美好 的 向 往 与 追 
求 。 但 信息 设计 是 商业 的 ， 带 有 很 强 的 目的 性 与 功利 性 ， 所 以 设计 的 东西 不 一 定 
就 是 好 的 ， 其 至 会 成 为 视觉 垃圾 ， 导 致 大 部 分 设计 作品 最 终 的 归宿 是 垃圾 桶 或 者 
计算 机 的 回收 站 。 一 个 好 的 信息 设计 应 该 是 有 其 真正 价值 存在 的 ， 能 够 作为 人 类 
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我 们 为 什么 需要 数据 
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发 现 自我 本 质 与 创作 的 蓝本 ， 其 具有 的 价值 应 该 在 很 多 领域 都 有 特定 的 形态 ， 如 
社会 价值 、 个 人 价值 、 经 济 学 价值 等 。 因 此 ， 信 息 设 计 的 价值 通常 表现 为 实际 运 
用 价值 与 审美 价值 ， 也 就 是 艺术 价值 和 实用 价值 。 

最 后 ， 在 此 圳 心 感谢 北京 大 学 出 版 社 的 支持 ， 感 谢 华中 师范 大 学 国家 级 文科 
综合 实验 教学 示范 中 心 的 资助 ， 感 谢 我 的 导师 布 吕 科勒 先生 对 我 的 指导 ， 感 谢 我 
的 家 人 对 我 的 默默 支持 。 本 书 由 欧阳 丽 莎 担任 主编 ， 由 叶 国 庆 、 徐 琳 、 田 志 梅 、 
沈 一 担任 副 主编 ， 由 原 丽 花 、 倪 鹏 、 张 茎 、 黄 玉 新 、 李 思 思 、 蒋 害 君 、 辟 双 荣 担 
任 参 编 。 

由 于 编者 水 平 有 限 ， 本 书 可 能 存在 疏漏 之 处 ， 敬 请 广大 读者 批评 指正 ! 联系 
电子 邮箱 : 281573771@qq.com, ‘ 
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1.1 信息 设计 的 概念 
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信息 设计 是 在 信息 化 社会 的 大 背景 之 下 
被 提出 来 并 日 益 受 到 重视 的 ， 是 近 几 十 年 来 国 
外 信息 技术 领域 一 个 引 人 了 瞩目 的 新 兴 研 究 热 
i- 村 会 和 以 往 工业 社会 不 同 ， 设 计 人 员 
所 面临 的 不 再 仅仅 是 有 形 实体 产品 的 设计 和 创 
造 ， 而 是 要 更 多 地 解决 海量 的 、 无 处 不 在 的 、 
以 数字 形式 存在 的 无 形 信息 的 设计 问题 。 当 代 
信息 设计 学 具有 跨 学 科 性 与 综合 性 的 突出 特 
点 ， 其 对 于 哲学 认识 论 、 自 然 科学 和 社会 科学 
理论 、 教 育 学 、 美 学 、 行 为 科学 也 具有 重要 的 
意义 ， 而 且 其 廊 法 在 宇宙 科学 、 医 学 、 信 息 传 












播 、 广 告 传播 、 工 业 设 计 、 造 型 艺术 、 视 觉 传 
达 … 电 影 、 戏 剧 、 建 筑 和 环境 设计 等 方面 均 进 


fr TARE. 
Pop Chart Lab 创 办 于 2010 年 ， 位 于 纽约 布 
鲁 克 林 ， 最 早 由 一 位 图 书 编辑 及 一 位 平面 设计 
师 组 成 ， 他 们 致力 于 将 人 类 生活 中 的 大 量 数据 
进行 整理 ， 并 以 有 趣 的 图 表 形 式 表现 出 来 。 
准确 地 说 ， 信 息 设 计 更 多 地 是 指 一 种 思 
息 的 清晰 有 ey 
的 研究 中 ， 融 合 






















物 学 、 几 何 学、 传播 学 和 信息 的 方法 与 研 

究 成 果 。 信 息 设计 的 研究 涉及 与 其 相关 的 多 个 
图 1.1 Pop Chart ab 的 照相 机 演变 史 海报 学 科 ， 是 对 多 个 领域 技术 的 集成 : 图 形 设计 、 

技术 性 和 非 技术 性 的 创造 、 心 理学 、 交 流 理论 
和 认 知 学 习 等 。 简 而 言 之 ， 信 息 设 计 是 一 个 搜索 、 过 滤 、 整 理 和 表达 信息 的 过 程 。 相 比 传统 设计 中 设计 者 
与 用 户 的 关系 ， 信 息 设计 者 更 注重 与 用 户 的 交流 。 
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图 1.2 日 本 设计 大 师 原 研 哉 作品 一 一 间 田 综合 病院 标识 导向 系统 








1.2 ”信息 设计 的 价值 


关于 信息 设计 的 研究 ， 具 有 很 强 的 实际 应 用 价值 。 现 今 ， 信 息 设 计 正 以 前 所 未 有 的 广度 与 深度 向 人 
类 几乎 所 有 的 知识 领域 渗透 ， 以 其 跨 学 科 性 、 综 合 性 和 普 适 性 的 影响 ,促进 了 当代 科学 的 发 展 。 因 此 ， 可 
以 说 信息 设计 涉及 人 类 社会 方方面面 政治、 经济、 文化 、 军 事 、 和 生态、 管理 等 。 就 以 城市 公共 导向 信息 
设计 系统 案例 而 言 ， 伦 敦 的 城市 公共 导向 信息 设计 系统 很 完备 ， 包 含 了 城市 交通 导向 、 公 共 空 间 与 建筑 导 
向 、 城 市 旅游 导向 等 子 系统 ， 而 各 分 系统 又 包含 诸多 子 系统 和 系统 要 素 。 

城市 公共 交通 导向 包含 相对 独立 的 机 场 、 地 铁 、 公 路 等 公共 导向 ， 在 其 公共 节点 上 上， 机场、 地 铁 、 公 
路 各 个 子 系统 不 仅 能 相互 衔接 ， 而 且 能 与 其 他 大 系统 相互 衔接 ， 将 复杂 的 道路 交通 和 丰富 人 文 景观 很 好 地 
融合 在 一 起 ， 如 图 1.3 所 示 。 信 息 设 计 的 价值 是 人 们 的 主观 愿望 、 需 求 和 意识 的 产物 ， 信 息 设计 的 价值 体系 
是 行为 、 信 念 、 理 想 与 规范 的 准则 体系 ， 是 社会 性 的 主观 规范 体系 。 
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图 1.3 欧阳 而 莎 作品 一 一 四 位 一 体 交通 体系 剖面 图 


“人 类 都 是 在 一 定 的 价值 体系 处 境 中 思维 、 生 活 与 创造 的 。” 信 息 设计 就 是 以 价值 为 标准 对 现实 中 的 
各 种 现象 和 问题 进行 把 握 ， 对 发 展 目标 和 行动 方案 进行 评价 和 选择 ， 最 终 付 诸 实际 应 用 ， 体 现实 际 应 用 价 
值 。 所 以 ， 信 息 设 计 并 不 是 主观 的 判断 得 出 的 结论 ， 也 不 是 纯粹 的 客观 观点 ， 它 是 主客 观 相 结合 的 理论 性 
和 实践 性 设计 。 它 既 追 求 客观 真理 ， 又 追求 与 人 类 情感 、 经 验 、 意 志 、 想 象 和 直观 能 力 相关 的 东西 。 信 息 
设计 同样 提升 了 人 们 的 审美 情趣 ， 传 达 出 对 于 生活 更 加 美好 的 向 往 与 追求 。 


1.3 ”大师 案例 分 析 


信息 化 是 人 类 社会 活动 方式 的 一 次 伟大 变革 ， 这 一 变革 的 技术 基础 就 是 对 信息 的 处 理 、 储 存 及 传递 方 
式 的 改变 。 信 息 设计 就 是 在 这 样 一 个 背景 之 下 被 提出 来 的 ， 并 日 益 受 到 重视 。 信 息 设计 是 一 种 新 兴 的 、 跨 
时 代 的 设计 理念 ， 是 一 种 跨越 国界 、 民 族 和 各 种 语言 的 视觉 传达 设计 。 它 最 显著 的 特征 就 是 通过 最 准确 、 
最 易 慌 的 图 解 ， 作 为 信息 的 交流 和 传达 的 桥梁 。 在 当今 信息 社会 中 ， 它 被 广泛 地 应 用 于 计算 机 学 、 信 息 
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学 、 医 学 、 社 会 学 和 历史 学 等 各 个 领域 。 它 的 成 功 得 益 于 设计 大 师 们 的 不 懈 努 力 ， 其 中 的 优秀 代表 人 物 有 
Otl Aicher 先 生 、Otto Neurath 先 生 、Richard Saul Wurman 先 生 、Edward R. Tufte 先 生 和 Hartmut Briickner 先 生 
等 世界 著名 设计 师 ， 他 们 早 在 20 世 纪 就 为 信息 视觉 传达 设计 做 出 了 巨大 的 贡献 。 

1.3.1 WHE + a 

HAGE + XB (Otl Aicher，1922 年 5 月 13 日 一 1991 年 9 月 1 日 ) 。 在 设计 史上 ， 奥 托 。 艾 舍 无 疑 是 一 位 不 能 
被 忽视 的 现代 主义 大 师 。 从 奥 托 ， 艾 舍 的 作品 来 说 ， 他 是 第 二 次 世界 大 战 后 西 德 出 现 的 重要 的 设计 师 。 人 











们 最 早 把 他 与 反 纳粹 主义 联系 在 一 起 ， 但 后 来 他 为 德国 设计 和 德国 企业 做 出 的 贡献 ， 使 人 们 对 他 的 观念 有 
所 改变 。 





图 1.4 REVS 图 1.5 萌 尼 黑 奥 运 会 体育 图 标 人 物 网 格 化 





在 设计 史上 ， 由 以 下 几 件 事 可 以 看 出 奥 托 ， 艾 舍 对 现代 设计 发 展 的 影响 : 

(1) 成 立 “ 战 后 包 豪 斯 ” GRA (Ulm) 设计 学 院 一 一 战 后 德国 最 有 影响 力 的 设计 学 院 ， 为 
瑞士 之 后 产生 国际 主义 设计 风格 葛 定 了 基础 。 

(2) 他 是 德国 1972 年 慕尼黑 奥运 会 识别 系统 的 设计 者 ， 成 为 赛事 标准 化 视觉 图 形 识 别 的 经 典 传 
统 ， 如 图 1.5 一 图 1.7 所 示 。 

(3) 为 德国 2 




















品 ， 同 时 ， 他 是 企业 识别 系统 的 创造 者 与 开拓 者 。 
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图 1.6 慕尼黑 奥运 会 标识 字体 设计 E 慕尼黑 奥运 会 吉祥 物 WALDI 设 计 


奥 托 ， 艾 舍 在 慕尼黑 奥运 会 上 首次 将 体育 图 标 人 物 造 型 标准 化 ， 运 用 网 格 设计 出 了 180 个 不 同 的 奥运 图 
E 9 功能 主义 风格 ， 充 分 体现 了 德国 的 功能 主义 的 
向 。 这 套 标识 设计 也 成 为 赛事 标准 化 视觉 图 形 












本 育 图 标 设 计 
在 此 次 奥运 

j 黑 ， 而 是 用 冷静 而 不 乏 
RACE, SBT AHE 










识别 的 经 典 传 
上 则 特意 回避 了 德国 的 专 色 
祥 物 WALDI， 同 样 延 续 了 简 - 致 好 评 
看 到 奥 托 " 艾 舍 所 提倡 的 功能 之 上 和 了 了 少 就 是 多 ”的 设计 理念 ， 通过 色彩 、 图 表 和 网 格 对 各 类 信息 
范 和 系统 管理 。 这 届 奥 运 会 的 系统 设 读 可 以 说 是 瑞士 国际 风 烙 的 最 辉煌 的 代表 ， 也 是 奥 托 。 艾 舍 自己 最 得 













绿 搭配 贯穿。 他 所 设计 的 3 


这 届 奥 运 会 的 设 














由 于 奥 托 。 艾 舍 非常 重视 字体 设计 ， 他 提出 把 字体 设计 工作 
看 作 一 个 大 的 模型 和 创意 的 来 源 。 凭 借 无 衬 线 字体 的 优雅 弧 线 和 
简洁 大 方 的 外 表 ，Rotis 世界 最 漂亮 字体 之 首 ， 并 且 得 到 了 
广泛 的 运用 。 他 把 创造 出 能 在 印刷 和 其 他 更 大 范围 里 使 用 的 字体 
视 作 其 终生 的 事业 。 

与 此 同时 ， 他 还 
形象 体系 。 该 系统 以 图 
准确 、 快 捷 地 传递 相关 ， 
稍 作 辅 助 ， 亚 光 的 黄色 和 蓝 色 








国 汉莎 航 













全 公司 创立 了 系统 化 的 视觉 





用 易于 识别 的 无 











使 标识 更 加 人 性 化 。 可 以 说 ， 奥 
FE + 艾 舍 的 一 生 都 在 进行 基础 性 的 教学 研究 ， 但 它 产 生 的 意义 是 
深远 的 。 
图 1.8 空 公 司 系统 化 视觉 形象 体系 








案例 1 Rit: 艾 舍 慕尼黑 奥运 * 


1972 年 慕尼黑 奥运 会 虽 不 是 





这 是 这 届 奥 运 会 的 会 徽 ， 它 的 设计 过 程 相当 曲折 。 奥 托 。 艾 合 


历史 上 最 好 的 奥运 会 ， 但 是 这 次 最 初 的 设计 是 抽象 的 光芒 四 射 的 图 形 ， 后 来 被 组 委 会 以 不 够 特别 不 
奥运 会 确 是 形象 设计 运作 最 好 的 能 申请 版 权 而 否决 。 他 的 第 二 个 设计 是 一 个 基于 字母 “M” 的 设计 


一 届 。 这 届 奥 运 会 的 形象 设计 和 同样 遭 到 否决 。 组 委 会 于 是 决定 展开 公开 





fF 招标， 吸引 了 2300 多 件 作 


图 标 设计 是 奥 托 。 艾 舍 携 他 的 团 品 ， 结 果 也 是 无 一 令 人 满意 。 最 后 ， 奥 托 " 艾 舍 团队 成 员 Coordtvon 
队 共 同 完 成 的 ， 无 论 是 色彩 上 Mannstein 将 第 一 个 设计 与 一 个 螺旋 式 图 形 相 结合 ， 完 成 了 设计 。 
的 运用 还 是 其 设计 理念 都 是 相 











当 出 色 的 。 





奥 托 。 茧 舍 无 论 是 在 图 形 设计 中 还 是 文 
字 设 计 中 都 非常 重视 信息 传达 ， 以 方便 人 们 
的 生活 。 同 时 ， 他 提倡 系统 导向 的 功能 性 ， 
很 好 地 运用 了 色彩 ， 使 其 更 加 形象 生动 。 





D> — 


奥 托 。 艾 舍 首 次 将 体育 图 标 人 物 造 型 
标准 化 ， 让 其 拥 有 显著 的 识别 性 ， 同 时 以 简 
约 为 设计 原则 , 上 其 有 高 度 理性 的 功能 主义 风 
格 。 他 的 这 项 图 标 设计 对 之 后 历届 奥运 会 体 
育 图 标 设计 产生 了 深远 的 影响 。 图 形 的 广泛 
认可 性 具有 强大 的 沟通 力量 ， 他 的 团队 为 所 
有 项 目 和 服务 设计 了 一 套 有 180 个 图 标的 方 
R, 设计 基于 一 个 严谨 的 正方 形 网 格 系统 ， 
所 有 视觉 元 素 都 被 安排 成 99" 和 45"。 其 全 部 
设计 的 成 果 是 一 个 十 分 准确 简明 、 颇 具 结 构 
性 的 设计 。 




















【参考 视频 】 





《功夫 熊猫 2》 片 尾 
的 皮影 风格 动画 


图 1 .9 RERRaaSR 


wa 


Jk LLU 


we 
peT 








a 


$ 


=i 




















äl 

H 
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奥 托 ， 艾 舍 使 用 运动 员 的 图 形 设计 海报 ， 来 表现 聚集 在 奥 BJE- 区 

运 会 的 不 同 国家 ， 同 时 他 特意 回避 了 德国 的 专 色 一 一 红 与 黑 ， 合 的 设计 理念 车 
而 是 用 简洁 的 蓝 色 与 绿色 搭配 贯穿 来 制造 出 充满 活力 的 气氛 ， 得 到 了 很 多 人 的 认可 ， 其 i 
让 人 们 感受 到 运动 场 上 运动 员 们 奋力 拼搏 激情 四 射 的 画面 。 设计 的 标识 形象 对 现在 的 


设计 影响 力 很 大 ， 成 为 赛 
事 标准 化 视觉 图 形 识别 的 
经 典 传统 ， 并 为 以 后 的 导 
向 图 形 设计 秽 定 了 基础 。 


这 一 套 人 
物 动 作 标准 化 | 


的 图 形 删 繁 就 简 ， 可 以 说 是 后 
来 极 简 标识 的 模 本 。 只 通过 简 
单 明 朗 的 线条 将 要 表达 的 东西 
完全 准确 地 表达 出 来 ， 这 才 是 
导向 的 真正 作用 。 





为 湖北 大 学 生 的 趣味 运 
动 会 做 一 套 有 自己 特色 的 导 
向 系统 。 








SUE + 艾 舍 将 体育 图 标 人 物 造 型 标准 化 后 ， 将 其 放 入 不 同体 育 赛事 的 门票 中 ， 让 人 一 眼 就 辨识 出 是 
什么 类 型 的 体育 比赛 。 此 图 为 慕尼黑 奥运 会 系列 门票 之 一 ， 当 你 看 到 门票 中 的 图 标 ， 你 便 知 道 这 是 足球 
比赛 的 门票 。 这 也 是 奥 托 。 艾 舍 通过 门票 设计 来 展现 提倡 功能 上 “ 少 就 是 多 ”的 设计 理念 。 





























1.3.2 BEE > 纽 拉 特 


ALA, AEF 


学 家 ， cae 








隐 勒 指 
it ， 并 作为 社会 
了 多 次 国 
Ba HE W 
世界 大 战 前 开始 
划 。 他 最 知名 的 贡献 












图 1.10 RH- 纽 拉 特 


案例 2 国际 印刷 排版 图 教育 体系 


奥 托 。 纽 拉 特 于 1925 年 在 维也纳 设计 了 
套 名 NllIsotype (International System of Typographic 
Picture Education) 的 可 视 化 交流 法 ， 他 试图 透 
过 系统 的 图 像 来 取代 文字 ， 形 成 一 种 ee 共通 
通过 使 用 这 套 标 准 化 的 符号 系统 六 他 
言 自己 能 将 深奥 的 统计 数据 转 ane & Gil 

， 继 而 转换 成 生动 的 图 形 语言 
















py 主要 ， 并 着 
重 帮 助 文化 程度 较 低 的 公众 理解 相关 的 复杂 
问题 。 


Isotype 是 从 成 人 教育 的 社会 主义 概念 发 展 而 
来 的 。 在 这 套图 片 中 》、 各 种 元 素 或 图 形 、 文 字 所 
表现 的 细节 已 被 精简 到 了 无 以 复 加 的 地 步 〈 例 如 
从 一 个 ”的 轮 廊 起步， 如 果 必 要 的 话 再 增 
添 附加 属 说 明 这 个 人 到 底 是 一 个 “工人 ”、 
人 ”还 是 “失业 者 ”等 ) 。 这 些 图 
+ 没有 透视 画 法 ， 没 有 细 枝 末节 ， 但 色彩 的 使 用 
被 严格 规定 ， 然后， 按照 一 组 关于 
致 性 的 规则 ， 将 所 有 元 素 排 插 在 
Tsotypeny FAY 形 设计 和 图 
影响 ， 

























【参考 视频 】 


19 种 方式 保 # 





奥 托 . 纽 拉 特 (Otto eirati, 


sai ae 和 2 “eo 
逃离 到 英国 。 












jEconomy in Kind 








求学 于 柏林 大 学 ， 在 经 济 学 家 G. 施 
大 学 任 经 济 学 讲师 。 他 创立 了 图 形 





当时 的 奥地利 政 


F 主 义 和 经 验 论 哲学 。 


Signs for the 5 groups of men 





他 曾 是 维也纳 - 交 圈 的 知名 人 








:主义 迅速 成 为 
。 自 从 他 于 第 
更 派 他 为 战争 制定 计 
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=i 





tet 


=, 
e Kroftwagenbestand der Erde aa * 
Antel dpi U.S.A. Obrige Welty, 
dee ` 


在 美国 和 世界 的 汽车 比例 图 
中 ， 可 以 看 出 美国 汽车 比例 一 直 在 
世界 汽车 比例 中 占 绝 大 部 分 。 从 
1914 年 到 1928 年 ， 虽 然 世 界 汽车 的 
比例 在 不 断 增长 ， 并 且 在 1920 年 到 
1928 年 间 世 界 汽车 增长 迅速 ， 但 美 
国 的 汽车 比例 在 世界 都 一 直 遥 遥 领 
先 。 图 表 运 用 简洁 的 汽车 图 形 代替 
pe 复杂 的 数字 ， 将 文字 作为 辅助 图 形 
图 1.12 ”美国 和 世界 的 汽车 比例 图 的 元 素 坟 论证 了 美国 汽车 在 世界 汽 
车 发 展 史 土 的 比重 ， 使 信息 传达 变 
得 更 直观 、 便 于 理解 。 


wS 
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Imports in 1936 








EWA cA, WE 
表示 出 口 。 每 一 个 箭头 代表 着 物 
BOTTI, RAR. 全 
A. pi, fa, A, WE, HR, 
油 、 茶 、 饮 料 。 蓝 色 代 表 : 矿 














物 、 油 、 木 材 、 纤维、 羽毛 、 种 
F. R, MERK: 铁 、 钢 








材 、 机 械 、 交 通 工 具 、 药 品 、 化 
学 品 、 纸 、 绝 缘 塑 料 。 黑 色 代 
图 1.13 ”中 外 贸易 进出 口 对 比 图 TTT] 表 : 金 、 银 (通常 为 银币 ) 。 从 
图 中 可 以 看 出 进口 的 多 为 重金 属 
材料 和 部 分 的 生活 用 品 ， 出 口 的 
多 为 生活 用 品 、 纺 织品 和 金 银 
等 。 奥 托 。 纽 拉 特 运用 具有 代表 
性 的 图 形 和 颜色 ， 代 替 大 量 的 文 
字 ， 简 洁 、 有 力 地 传达 了 信息 。 





ptencsamagepeh 




















作品 从 左 往 右 依次 代表 英国 、 西 班 牙 、 非 洲 、 印 度 和 中 国 ， 每 个 人 物 外 形 都 大 致 相同 ， 只 

是 将 每 个 地 区 象征 性 的 头饰 与 衣着 运用 简单 的 几何 图 形 放 入 设计 之 中 来 大 致 区 别 。 奥 托 。 纽 拉 

特 生 动 地 运用 简单 的 几何 轮廓 ， 在 求同存异 中 巧妙 表现 出 5 种 人 ， 即 简洁 又 直观 ， 能 够 使 人 们 

-~-~-」 在 更 短 的 时 间 内 获取 信息 。 这 幅 设计 作品 是 其 运用 图 案 形 式 代替 文字 的 成 功 案例 ， 也 是 世界 
图 案 标志 的 典范 ， 许 多 设计 师 将 这 幅 作品 作为 设计 的 模 本 。 
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织 ， 从 而 从 纷繁 复杂 的 信和 点 

以 帮助 他 人 找到 其 独特 的 和 
沃 尔 曼 召 集 了 第 
通过 此 次 会 议 ， 


构 或 图 示 ， 
1984 年 ， 


理解 和 1 


省 理工 


设计 中 心 十 上 





【参考 视频 】 


指数 (ie 





eae) 


系列 从 ‘ps 
PILIL + 


响 了 人 们 的 
奖 ， 并 获得 了 在 日本 东京 AXIS 
年 庆典 中 做 开场 展 的 殊荣 六 他 的 研究 于 

美国 宾夕法尼亚 大 学 获得 了 最 高 荣 沁 





HERR RRE 
(Richard Saul Wurman) 是 一 
建筑 师 ， 也 是 平面 设计 师 ， 
出 生 和 成 长 在 美国 法 尼 
亚 州 的 费城 。 他 发 明了 “ 信 
息 架 构 ” 的 概念 ，1976 年 ， 
沃 尔 曼 出 任 美国 建筑 师 协 

(AIA) 会 议 主 将 信息 
架构 作为 会 议 的 主题 ， 并 对 
信息 架构 设计 师 的 工作 内 容 
做 出 了 定义 ， 即 首先 要 按照 
数据 内 涵 对 其 模式 加 以 组 

次 要 创造 信息 结 





























-次 TED 会 议 ， 探讨 THA f 






他 也 是 
“指南 ” 
wt, 1991 年 ， 麻 





-1959 年 在 


并 被 授予 金奖 和 和光 








沃 尔 曼 毕业 于 美国 宾夕法尼亚 大 
学 ， 并 获得 建筑 学 硕 位 ， 成 为 美国 
建筑 协会 的 成 员 。 不 仅 如 此 ， 他 还 者 
多 次 国家 艺术 基金 -次 古 根 海 姆 奖 学 
金 、 两 次 钱 德 勒 奖学金 。 他 也 是 费城 艺 
术 大 艺术 中 心 
院 的 荣誉 博士 。 作 为 
程 师 ， 他 除了 用 文 : 
本 写作 方法 外 ， 还 在 文章 中 
容 相 关 的 、 上 共有 引导 性 
RAMES BEIR T 
的 多 层面 结构 ， 从 而 让 
吸收 。1976 年 ， 他 说 “我 想 数 
要 一 个 架构 ， 系列 的 系 
























与 内 
论文 和 










”， 之 后 他 的 设计 也 一 直 在 致力 
1978 年 ， 他 担任 加 州 
皮 莫 纳 分 校 环境 设计 学 院 


























图 1.16 “如 何 找到 好 医生 ”信息 设计 图 


mn 





XED 


设计 师 巧 妙 运 用 图 例 解释 和 色 块 警示 作用 ， 丰 富 设计 内 容 , 用 尽量 减少 的 文字 去 描绘 中 心思 
想 ， 仅 仅 是 使 用 少量 的 不 能 用 于 大 量 排版 无 衬 线 字 体 去 强调 想 要 表达 的 内 容 ， 直 观 地 告诉 读者 相关 
信息 。 沃 尔 曼 的 著作 中 优秀 的 信息 设计 作品 也 是 数不胜数 。 这 是 美国 联邦 的 收入 与 支出 中 关于 “如 


何 找到 好 医生 ” 的 一 个 信 息 设 计 图 。 图 表 上 运用 下 犬 量 的 图 形 设计 和 信息 构架 模式 ， 比 如 人 的 身体 
介绍 、 用 色 块 组 成 的 感叹 号 等 。 












该 图 是 关于 美国 经 济 资金 流向 的 信 
息 图 ， 同样 运用 了 信息 构架 模式 ， 以 帮 
助 他 人 找到 其 独特 的 知识 获取 途径 。 而 
AL, 还 运用 了 数据 的 内 涵 并 对 其 模式 加 
以 组 织 ， 从 而 从 复杂 的 数据 信息 中 揭示 
其 意义 。 用 多 图 少 文 数据 量化 的 方式 ， 
将 杂乱 的 内 容 有 条 理 地 进行 整合 ， 使 读 
者 能 在 最 短 的 时 间 内 获取 信息 。 
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1.3.4 爱德华 " BARK + 





图 1.17 爱德华 * SMR + BR 


-次 抵押 贷款 出 资 出 版 他 的 《 定 
政治 科学 家 到 





of Quantitative Information 


图 1.18 











信息 专家 的 过 渡 。 








塔 夫 特 





爱德华 PIRK . 塔 夫 特 (Edward R. Tufte) 于 1942 年 出 生 于 美国 
密苏里 州 的 堪萨斯 城 ， 他 从 小 生长 在 加 利 福 尼 亚 州 比 弗 利 山庄 ， 从 比 弗 
利 山高 中 毕业 ， 在 斯 坦 福 大 学 获得 统计 学 士 学 位 并 在 耶稣 大 学 获得 政治 
学 博士 学 位 。1975 年 ， 塔 夫 特 在 普林斯顿 大 学 被 要 求教 授 统 计 ， 并 安排 
在 经 济 学 小 组 。 他 制定 了 一 套 如 何 阅 读数 据 和 制作 统计 图 形 讲座 ， 并 进 
一 步 将 其 发 展 为 研讨 会 ， 后 来 与 著名 统计 学 家 信息 设计 领域 的 先驱 人 物 
约翰 . 杜 克 (John Tukey) 讲课 。 这 些 经 历 和 成 果 是 他 第 一 本 关于 信息 
设计 的 书 The Visual Display of Quantitative Information(《 定 量 信 息 的 视 
觉 展 示 》) 的 基础 。 
塔 夫 特 是 信息 设计 领域 的 先驱 者 ， 英 定 了 视觉 化 定量 信息 的 基础 。 
他 出 版 了 包括 《视觉 解释 》《 构 想 信 息 》 《定量 信息 的 视觉 展示 》 和 
《数据 分 析 的 政治 和 政策 》 《美丽 的 证 据 从 在 内 的 一 系列 书籍 。 其 中 ， 
最 新 的 《美丽 的 证 据 》 获 《商业 周刊 火 2006 年 最 革新 的 设计 书籍 赞 誉 。 
1982 年 ， 塔 夫 特 与 平面 设计 师 管 华 德 格拉 拉 密 切合 作 ， 并 由 他 透 过 
量 信息 的 视觉 展示 》。 这 本 书 很 快 成 为 一 个 商业 上 的 成 功 案例 ， 并 使 得 他 从 
这 本 书 的 出 版 引起 了 非常 大破 动 ”业内 充满 了 对 这 本 中 内 容 “ 杰 出 ”“ 优 


















































“开创 性 ”的 肯定 。 他 在 书 中 提出 了 对 非 专业 人 十 的 关注 ， 以 及 信息 设计 对 学 说 表达 的 重要 性 。 


SECOND EDITION 


The Visual Display 


EDWARD R. TUFTE 


《定量 信息 的 视觉 展示 》 





从 耶 便 大 学 退休 后 ， 塔 夫 特 就 住 在 康涅狄格 ， 
断断续续 地 写作 ， 然 后 通过 自己 的 图 像 出 版 社 印刷 出 
版 二 他 在 对 手稿 进行 严格 审核 的 同时 ， 准 备 着 出 版 下 

-本 书 《美丽 的 证 据 》， 这 书 又 拖 了 两 年 才 出 版 (之 前 
已 经 写 了 六 年 

他 的 设计 原则 ， 首 先 要 求 统计 论证 过 程 中 ， 将 最 
基本 的 分 析 行 为 多 做 比较 ， 其 次 ， 明 确 为 什么 要 这 样 
fk; 然后， 了解 各 种 变化 因素 ， 把 文字 、 数 字 、 图 像 
和 图 全 整合 在 一 起 ， 将 现象 记 和 文档， 提供 详 细 
的 标题 ， 说 明 作 者 和 发 起 人 ， 记 录 数 据 源 ， 展 示 完 整 
的 测量 比例 ， 指 出 相关 的 问题 ， 最 主要 的 就 是 决定 分 
析 的 内 容 ， 因 为 分 析 结 果 的 好 坏 最 终 依 赖 于 其 内 容 的 
质量 、 实 用 性 和 完整 性 。 他 的 信息 原则 也 贯穿 在 其 设 
计 的 平面 作品 之 中 。 
































Edward R. Tufte 


Envisioning Information tex 


正如 塔 夫 特 本 人 所 说 “一 个 浓墨重彩 的 
图 表 绝 非 好 的 图 表 表 达 ， 只 留 下 需要 的 ， 其 
TREN aT 他 的 统统 去 掉 吧 。” 他 的 作品 所 展现 的 信息 
riika Casies 没有 过 分 的 修饰 ， 而 是 使 用 丰富 的 插图 技巧 
WE a E NR 和 各 类 图 示 化 手段 去 表达 数据 和 信息 ， 以 及 
sith 大 量 小 而 多 的 图 形 表达 形式 。 这 样 既 不 会 捏 
h Y Ys eR eis A 曲 图 表 反映 的 信息 和 增加 阅读 难度 ， 又 可 以 





































避免 元 长 的 文字 描述 和 成 堆 的 数据 ， 以 及 使 

Pi HRA HH FE MEIER TT WI FE ZEAE PES TAT AT il 

p Eii 过 图 1.19， 不 难 发 现 塔 夫 特 一 直 坚 [应 
本 ; 表达， 使 用 化 的 方式 分 
SS， 这 样 设计 的 图 表 能 够 最 大 限度 地 表 

Won Omen 现 出 主要 内 容 ， 更 快 地 将 信息 传递 给 受众 。 














图 1.20 ABW - RES 图 1.21 Informationen Gestalten 图 1.22， 布 吕 科 勒 ， 哈 特 穆 特 和 他 的 学 生 们 






布 吕 科 勒 . 哈 特 穆 特 (Hartmut Brückner) 1950 年 出 生 于 德国 ，1970 年 至 在 Wuppertal 对 图 形 设 













计 进 行 研究 ，1976 年 在 不 莱 梅 开创 工 É 199346 他 在 明 斯 特 应 用 科 : 学 院 教学 ， 
放 在 设计 和 排版 信息 通信 设计 。 他 于 2004 年 获得 莱比锡 “世界 最 美的 书 ” 奖 项 (“世界 最 美的 





选 代表 了 当今 世界 图 书 装帧 设计 界 的 最 
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【参考 视频 】 


2.1 图 解 设 计 的 概念 


用 图 形 解说 的 方法 把 文字 语言 以 视觉 图 形 化 形式 呈现 出 来 的 设计 称 为 图 解 设计 
(Diagram Design) 。 图 形 语 言 是 跨越 国界 、 跨 越 民族 的 共同 语言 ， 是 世界 信息 设计 
师 一 直 追 求 的 世界 通用 语 。 图 形 符号 传达 信息 的 速度 远 比 文字 符号 迅速 ， 因 为 越 是 简 
洁 的 图 形 越 能 在 最 短 的 时 间 锁 住 观 众 的 视线 并 快速 地 传递 所 携 信 息 。 图 形 语 言 是 视 知 
觉 在 所 有 层次 上 的 参与 、 相 互 交融 、 相 互 影响 所 取得 的 无 限 交 换 ， 力 求 以 集约 化 、 符 
号 化 的 形式 表现 最 丰富 的 内 容 。 通 过 精练 的 图 式 语 言 和 易于 理解 的 构成 秩序 传达 预想 
的 意义 ， 可 以 创造 出 有 效 的 经 验 图 式 来 提高 图 形 的 可 读 性 ， 使 所 释放 出 来 的 信息 清晰 
By HE 

读 图 时 代 的 到 来 ， 人 们 更 愿意 选择 获取 直观 、 简 单 、 形 象 、 有 吸引 力 和 可 以 满足 
感官 享受 的 信息 。 在 这 个 快餐 化 时 代 ， 信 息 的 快速 读 取 、 快 速 传播 已 经 成 为 时 代 的 一 
种 要 求 ， 图 解 设计 作为 文字 数据 信息 的 有 效 补充 乃至 转换 式 的 传播 语言 ， 在 当今 社会 
发 挥 荐 非常 重要 的 作用 ， 应 用 领域 也 越 来 越 广泛 

















2.2 追溯 图 解 \_ 

现在 ， 世 界 上 的 人 类 语言 仍然 将 羡 四 千 种 ， 对 于 非 语言 学 家 来 说 ， 这 已 经 是 一 个 
令 人 单 而 生生 的 数字 了 。 在 这 些 语言 中 ， 有 二 百 多 种 被 广泛 地 使 用 着 ， 无 论 是 从 使 用 
这 种 语言 的 本 族人 数 来 看 :还 是 从 这 种 语言 通行 地 区 的 广阔 性 来 看 ， 这 些 语言 都 堪 称 
国际 上 重要 的 语言 。、 

纵 观 人 类 的 发 展 历程 ， 在 信息 传递 的 世界 5 迫切 地 需要 和 找寻 一 种 通用 语言 。 原 
始 人 在 没 发 明文 字 之 前 ， 就 用 单纯 的 绘画 记号 来 传达 信息 ， 简 洁 明了 的 图 画 、 单 纯 的 
线条 与 颜色 清晰 地 记录 着 先 民 们 情感 的 胡适 与 思想 的 交流 。 可 以 说 ， 岩 画 艺 术 是 人 类 
为 生存 而 于 车 的 图 解 ， 它 揭示 了 当时 社会 的 劳动 样式 、 经 济 活动 、 美 学 倾向 、 哲 学 思 
想 ; 入 类 与 自然 和 超自然 环境 的 关系 …… 使 它 成 为 人 类 试图 清楚 地 说 明 世 界 、 反 映 世 














AT 界 的 二 种 手段 。 史 前 岩画 是 汪 种 原始 的 语言 ， 一 种 文字 前 的 文字 。 人 天 生 具 有 图 形 表 


达 的 能 力 ， 儿 童 在 不 会 写字 之 前 就 会 用 笔 涂 涂 画 画 ， 把 对 现实 的 印象 表达 出 来 ， 所 以 
图 形 是 超越 国度 的 世界 语言 。 世 界 各 民族 的 语言 文字 不 同 ， 但 对 于 图 形 的 感知 力 却 是 
基本 一 致 的 。 岩 画 是 在 岩 穴 、 石 崖 壁面 和 独立 岩石 上 的 彩 画 、 线 刻 、 浮 雕 的 总 称 ， 它 
将 描绘 对 象 的 复杂 系统 ， 运 用 图 解 的 手段 与 方法 帮助 人 们 思考 ， 将 整体 拆 解 成 层次 分 
明 的 系统 和 局 部 ， 以 让 人 们 更 好 地 理解 整体 。 

人 们 经 常用 岩画 来 描绘 自己 对 于 生活 的 期 望 和 想象 ， 这 是 寄托 人 们 希望 的 一 种 方 
式 。 岩 画 中 的 各 种 图 像 构成 了 文字 发 明 以 前 原始 人 类 最 早 的 “文献 ”。 涯 画 不 仅 涉 及 
原始 人 类 的 经 济 、 社 会 和 生活 ， 同 时 ， 尝 画 还 作为 人 类 的 精神 产品 ， 以 艺术 语言 打动 
人 心 。 它 以 独特 的 形式 美和 丰富 的 表现 力 ， 留 下 了 早期 人 类 的 大 量 宝贵 信息 ， 为 之 后 
的 科学 发 展 做 出 了 巨大 贡献 。 

岩画 作为 人 们 表达 精神 世界 和 物质 世界 最 直观 和 最 生动 的 形式 ， 记 录 历 史 ， 记 
录 事 件 ， 让 现代 人 读 懂 历 史 ， 如 最 早出 现 的 西班牙 拉 斯 科 洞穴 岩画 一 一 受伤 的 野牛 
(图 2.1) ， 以 及 中 国 的 岩画 (图 2.2) 等 。 纵 观 世 界 各 大 洲 的 岩画 ， 它 们 都 有 着 共同 
的 特征 ， 即 充当 着 语言 传递 信息 的 功能 ， 将 信息 直观 地 呈献 给 受众 ， 让 受众 都 能 看 
THIEL 











图 2.1 西班牙 拉 斯 科 洞穴 岩画 一 一 受伤 的 野牛 


2.3 图 解 的 表现 形式 


图 解 的 表现 形式 与 其 他 的 艺术 作品 类 似 ， 有 抽象 形态 、 县 象形 
态 ， 以 及 介 于 两 者 之 间 的 意象 形态 ,它们 各 有 其 特点 及 主要 适用 的 领 
域 。 需 要 强调 的 是 ， 抽 象形 态 与 其 象形 态 只 是 相对 而 言 的 ， 而 有 些 领 
域 常常 将 多 种 设计 手法 综合 运用 。 

“抽象 形态 不 直接 模仿 显示 ， 是 根据 原形 的 往 念 及 意义 而 创造 
的 观念 符号 ， 使 人 无 法 直接 辩 清 原始 的 形象 及 意义 ， 它 是 以 纯粹 的 几 
何 观念 提升 的 客观 意义 的 形态 ， 如 正方 体 、 球 体 及 由 此 衍生 的 具有 单 
纯 特 点 的 形体 。” 抽 象形 态 就 是 运用 抽象 的 语言 对 于 事物 进行 简单 的 














概括 ， 不 注重 ， 意 在 作者 的 感情 ， 是 主观 感情 的 体现 。 抽 象形 态 
运用 强烈 的 语言 表现 力 、 形 式 美感 和 精神 美感 去 感染 观 者 。 意 象形 态 





介 于 具象 形态 和 抽象 形态 之 间 ， 不 像 具 象形 态 那样 重视 视觉 的 写实 ， 
更 多 地 倾向 于 心理 的 真实 。 意 象形 态 在 原型 基础 上 通过 形体 简化 、 夸 
张 、 变 形 ， 凸 显 对 象 的 本 质 特 征 。 因 此 ， 它 具备 具象 艺术 的 特性 ， 
而 又 不 完全 是 客观 世界 的 再 现 ， 同 时 也 具有 抽象 艺术 冲破 传统 思维 
的 特性 。 

具象 形态 是 依照 客观 物象 的 本 来 面貌 构造 的 写实 ， 其 形态 与 实际 
形态 相近 ， 反 映 物 象 的 细节 真实 和 典型 性 的 本 质 真 实 。 具 象形 态 将 事 
物 清 晰 直接 地 呈献 给 受众 ， 以 传达 最 原始 、 最 准确 、 最 具体 的 信息 给 
受众 。 这 种 表现 手法 尊重 客观 事实 ， 虽 然 其 中 也 有 创作 者 的 情感 ， 但 
不 是 侧重 点 。 











图 2.2 ”中国 的 岩画 





【参考 视频 】 
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2.4 图 解 的 分 类 


案例 1 玩 





解 





乐高 公司 创办 于 丹麦 ， 至今 已 
有 78 年 的 发 展 历史 ， 商 标 “LEGO” 
的 使 用 是 从 1934 年 开始 ， 来 自 丹 
麦 语 “LEg GOdt” , 为 “play 
well”。 这 个 名 字 迅 速成 为 乐高 公司 
在 Billund 地 区 玩具 工厂 生产 的 优质 
玩具 的 代名词 。 乐 高 积木 通过 不 同 
人 的 不 同 组 合 ， 甚 至 同一 人 的 不 同 
巧 思 ， 就 可 以 构建 出 不 同 的 世界 。 
这 些 简单 的 物件 为 孩童 构建 出 一 个 
奇妙 的 世界 ， 让 每 一 个 看 到 它 的 孩 
童 都 抵挡 不 了 如 此 巨大 的 诱惑 。 因 
此 ， 在 欧美 家 庭 ， 乐 高 玩具 一 直 享 
有 很 高 的 声誉 ， 即 使 在 亚洲 ， 乐 高 
玩具 也 有 相当 多 的 玩家 。 











小 时 候 玩 的 积木 可 能 
是 最 困难 的 游戏 广 , 5 因为 
小 零件 很 多 ， 很 容易 拼 
错 ， 或 是 没有 耐心 。 这 幅 
乐高 积木 的 说 明 书 ， 步 又 
清晰 ， 画 面 写 实 、 细 腻 ， 
让 人 人 一目了然， 在 细节 的 
处 理 上 也 非常 细心 。 
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积木 消防 车 的 有 些 部 位 是 几 个 零件 拼接 起 来 的 ， 在 示意 图 中 也 进行 了 标识 ， 使 用 小 箭 


头 表 明 穿插 的 方向 。 





在 有 些 重要 的 积木 拼接 处 ， 作 者 会 用 虚线 标识 
出 内 部 的 结构 ， 以 方便 使 用 者 观察 。 
































XED 


在 颜色 上 ， 作 者 完全 遵从 于 积木 的 本 色 ， 这 样 
不 仅 分 解 了 某 些 特 殊 颜 色 零 件 的 拼接 ， 还 减少 了 使 
用 者 在 拼接 过 程 中 辨别 不 同 积木 的 困惑 。 



































这 是 一 份 


乐高 积木 的 拼接 说 明 书 。 在 






编排 上 照 积 木 的 实际 
拼接 顺序 进来 编排 的 ， 使 玩 
家 可 以 快速 地 理解 关键 部 位 
或 细节 部 位 的 拼接 方式 ， 并 
采用 局 部 放大 的 方式 进行 说 
明 ， 使 信息 表达 更 加 细致 和 


点 
ji 


在 这 里 图 解 的 
表现 形式 是 具象 形态 ， 采 用 
: 维 视角 ， 极 为 清晰 地 展现 
了 拼 搭 过 程 与 最 后 成 品 效 
果 ， 方 便 孩 子 临摹 。 






















1. http://akbani.blogspot.fi/ 


2. http://www.lego.com/en-gb/ 








作者 把 每 一 








“积木 消防 车 ”的 显示 都 固定 在 同一 个 角度 上 ， 方 便 使 用 者 能 














够 在 下 一 步 操作 中 准 需要 拼接 的 积木 。 


= 











置 我 们 无 法 观察 到 ， 于 是 作者 把 看 不 见 和 





位 单独 显示 出 来 ， 


为 都 是 同一 角度 ， 所 以 积木 消防 车 的 某 些 位 
并 用 箭头 标示 出 这 块 积木 的 所 在 位 置 。 
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案例 2 游戏 图 解 一 一 抛 球 


抛 球 游戏 在 西方 最 早 的 记 
载 是 荷 马 史诗 《奥德赛 》 中 提 fh HA MEAs Pde as T PEER PH sigs Aba ie, ZENY 
到 舞 者 表演 高 抛 圆 球 的 技艺 ， 线条 关系 表示 了 三 种 不 同 颜色 的 球 相对 应 的 运动 位 置 ， 说 明了 在 
以 及 费 埃 西亚 国 的 公主 与 女 侍 抛 球 时 ， 三 个 球 的 抛 球 顺序 ， 以 及 抛 出 的 时 间 节 点 。 
在 海边 玩 抛 球 游戏 的 情景 。 在 
我 国 古代 ， 由 唐 迄 清 ， 抛 球 游 
戏 同样 也 在 相当 长 的 历史 时 期 
内 广 受 人 们 喜爱 。 























当 把 杂技 用 图 解 来 演 
示 出 来 的 时 候 ， 感 觉 原来 


杂技 也 不 是 我 们 心里 想 的 
那么 难 。 白 描 的 人 物 和 彩 
pend el 
干净 的 画面 又 表现 
的 重点 。 4 








作者 使 用 了 三 视图 来 介绍 抛 球 时 的 站 立 姿势 。 人 物 使 用 的 是 简 笔 画 法 ， 忽 略 五 官 
是 为 了 突出 人 物 站 立 的 姿势 说 明 。 肤 色 为 白色 ， 身 体 衣 着 部 分 用 了 灰色 覆盖 ， 头 发 为 
深 灰 ， 使 用 了 黑白 灰 的 对 比 。 


[ 


Te ee 
波形 可 视 化 
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在 这 里 ， 人 物 看 似 
具象， 实际 上 也 是 经 过 
设计 者 高 度 提 炼 线条 的 一 个 共性 女性 
人 物 ， 玩 具 球 也 是 代表 性 的 红 黄 蓝 三 
色 。 而 且 ， 用 色彩 来 区 分 轨迹 。 











PRATT UUM PGE, Hide Toc HUARD ADE GE 
格 ) 。 把 之 前 所 描述 的 内 容 全 部 串联 起 来 ， 让 使 用 者 能 在 
最 后 重新 回顾 ， 并 且 获 得 完整 的 示范 图 。 





















-— 


图 2.4 游戏 图 解 





抛 球 游戏 





在 演示 完 球 的 运动 轨迹 后 ， 作 者 又 展示 了 两 种 带 有 肢体 动作 的 抛 球 动作 。 作 者 画 出 了 完整 的 人 
物 ， 同 样 还 是 使 用 黑白 灰 的 人 物 及 彩 球 的 画 法 ， 球 的 运动 轨迹 使 用 虚线 ， 同 时 带 入 肢体 的 动作 。 
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案例 3 ”生活 图 解 一 一 | Want A Job 


一 名 毕业 于 广东 外 语 外 贸 大 学 英语 
专业 的 本 科 生 ， 因 在 微 博 上 晒 出 朋友 为 
自己 设计 的 “完美 超 强求 职 简历 ”而 走 
红 网 络 。 这 份 个 性 化 的 简历 ， 打 破 了 现 
有 的 求职 简历 表格 模板 的 形式 ， 以 图 文 
结合 的 形式 ， 最 大 程度 地 突出 了 求职 者 
的 优势 。 在 竞争 越发 激烈 的 今天 ， : 
的 毕业 生 靠 一 份 简历 走 天 下 的 老 做 法 已 
经 行 不 通 了 ， 怎 样 能 让 自己 的 简历 脱 颖 
mih? 2 之 生动 化 、 个 性 化 ? HE 
业 生 努力 将 自己 闪光 的 一 面 展 现在 
招聘 者 面前 ， 在 求职 简历 中 充分 体现 自 
身 的 优势 ， 以 提高 求职 成 功 的 概率 。 























在 面临 毕业 时 ， 有 
历 ， 往 往 是 一 块 很 好 的 
- 份 包 nj 


分 好 的 简 
“敲门砖 ”。 
可 能 会 让 


如 果 有 
人 力 资源 部 负责 招聘 人 员 眼 前 一 


E “FREG” 。 这 个 例 


的 视野 ， 原 来 简历 也 可 以 


就 此 看 上 
子 开拓 SF 


这 么 写 ! 
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【参考 视频 】 

Bae 在 社会 

: 风景 明信片 的 “创业 历程 ”。 

q 友 绘 制 、 投 入 资金 、 印 刷 、 开 拓 
a eite tts be 和 

ree BH, {ELE 








以 图 





整 张 简历 的 标题 层次 清晰 ， 以 色 采 
题 ， 内 容 一 目 了 
表示 了 个 人 基本 















EH, 








条 衬托 标 


以 扁平 化 图 标的 形式 ， 直 观 地 
实践 经 历 、 在 校 成 绩 及 兴趣 


言 风 格 ， 以 醒目 
同时 减轻 了 招 












活动 模块 中 ， 设 计 师 用 “号 ” 形 折线 的 路 径 形 式 列 出 了 求职 者 为 旨 


寺 芒 的 手法 ， 形 象 直观 地 凸显 了 她 最 初 的 


慰 风 格 各 异 ， 略 显 混乱 。 





道 、 网 络 互动 ， 到 最 终 的 收益 业绩 这 些 历程 里 重要 
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$, 
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在 求职 者 的 英语 水 平 部 分 ， 作 者 以 渐变 的 圆 形 及 简洁 且 具 有 象征 性 的 图 标 表 示 了 她 在 各 类 
英语 考试 中 取得 的 成 绩 所 占 的 比重 。 在 各 项 兼职 活动 上 历 中 ， 以 矩阵 列队 式 手 法 直 
观 地 显现 了 多 儿 年、 平面 模特 、 匡 等 方面 积累 的 大 量 经 验 ， 以 及 获得 过 近 

-十 次 奖项 和 至 上 过 电视 、 报 纸 杂 志 等 。 
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LARA SAA D | AK — it 
VUVTVTY 用 的 表格 型 简历 模板 和 长 篇 叙事 文 
体 ， 将 图 标 以 大 小 渐变 、 和 矩阵 列队 
式 、“ 己 ” 形 路 径 式 的 排列 手法 加 
以 编排 ， 整 体 设计 生动 ， 具 有 强烈 
的 个 性 化 特征 ， 不 难 在 堆砌 如 海 的 
简历 中 脱颖而出 。 














UD 
5. 我 的 兴趣 我 爱好 


1. http://www.chinadaily.com.cn/hqgj/ 





jryw/2013-01-16/content_8041009.html 
2. http://www.ipe.me/foreign-cv-design. 


html 








图 2.5 生活 图 解 





1 Want A Job 


fecccccmmccion aa 





ez. 


简历 结束 部 分 ， 作 者 以 扁平 化 的 圆 形 图 标 描绘 了 自己 的 兴趣 爱好 ， 简 洁 、 直 观 且 形象 ， 以 吸引 用 人 单 
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案例 4 生活 图 解 一 一 绍 姆 堡 区 传统 服装 的 使 用 





本 案例 是 为 一 个 博物 馆 而 设计 的 信息 图 表 ， 使 用 简单 而 清晰 的 插图 ， 呈 现 了 德国 绍 姆 堡 区 传统 服装 的 

















在 本 案例 中 仅 使 用 一 种 字 
体 (Times) ， 而 在 同一 种 字体 
中 ， 通 过 改变 字体 的 粗细 、 字 距 
宽窄 、 字 体 斜 正 ， 在 统一 中 获得 
变化 。 

设计 师 最 重要 的 任务 之 一 是 
给 信息 排序 ， 以 便于 观众 浏览 。 
在 本 案例 中 ， 将 文字 组 合成 色 
块 ， 整 合 排列 在 灰色 或 黑色 的 色 
块 带 中 ,体现 了 “层次 

在 本 案例 中 ， 我 们 还 看 到 
了 元 素 的 延续 性 ， 风 格 的 一 臻 
性 ， 使 作品 呈现 出 统一 性 .| 将 设 
计 元 素 错落 地 安排 在 不 同 的 空间 
位 置 和 方向 上 忆 在 二 维 的 图 片 中 
创造 运动 的 感觉 ， 营 造 出 一 种 空 
间 深 度 。 

















【参考 视频 】 





作品 中 的 主要 色彩 包括 黑 、 白 、 灰 、 红 、 黄 、 
Eige 堡 区 传统 服装 中 提取 出 来 的 ， 代 表 这 个 地 区 特定 的 文 
4 设计 作品 中 ， 提 取出 来 的 色彩 没有 受到 流行 颜色 的 干 
之 不 理 ， 严 肃 对 待 设计 。 























Kranamaike 


Atlas 





历史 、 种 类 和 使 用 方法 。 绍 姆 堡 区 的 传统 服装 造型 简单 ， 色 彩 丰 富 ， 被 认为 是 德国 最 美丽 和 最 有 价值 的 服 
装 。 而 该 图 解 就 是 从 过 去 的 照片 中 提取 信息 ， 说 明 绍 姆 堡 区 传统 服装 是 如 何 一 层 一 层 地 被 穿 上 的 。 























o IXE fi FA TERE AE MA HA 
化 内 涵 和 民族 风俗 。 在 这 组 
扰 。 有 时 我 们 需要 对 流行 置 








图 2.6 生活 图 解 一 一 绍 姆 堡 区 传统 服装 的 使 用 





计 的 


状况 


Festtag 


局 部 





Ear: 


图 形 的 形状 主 
要 分 成 两 类 : 几何 形 
状 和 有 机 形状 。 每 一 类 都 有 各 自 表 
现 的 特点 ， 能 对 信息 传递 有 直接 的 
影响 。 

本 案例 在 人 物 的 造型 上 ， 作 
者 从 复杂 的 图 片 中 抽象 出 几何 形 ， 
如 圆 形 、 方 形 和 三 角形 等 ， 彼 此 穿 
插 、 重 复 、 组 合 。 线 条 简洁 大 方 ， 
大 物 造型 简约 。 

负 空 间 具 有 神奇 的 力量 ， 有 时 


| 候 ，“ 空 ”也 是 一 种 形 。 这 些 负 空 


间 组 合 得 越 好 就 越 有 趣 。 

透视 关系 是 设计 作品 中 不 容 忽 
视 的 力量 和 元 素 。 在 作品 中 ， 应 用 
了 同一 视角 一 一 平视 ， 表 现 了 一 种 
庄重 、 宁 静 、 肃 稳 、 和 谐 的 感觉 ， 


“起 到 了 一 定 的 心理 上 暗示 作用 。 人 物 


分 为 正面 、 侧 面 、 背 面 ， 给 予 观众 
不 同 角 度 的 视觉 呈现 。 























在 设计 之 初 ， 我 们 必须 先 有 一 个 观念 或 理念 作为 指导 ， 然 后 再 将 信息 有 序 地 组 织 起 来 。 设 计 师 设 














作品 是 要 让 读者 都 能 看 明白 ， 而 不 是 自 娱 自 乐 。 
本 案例 设计 概念 清晰 ， 理 性 分 析 成 分 很 重 ， 逻 辑 性 很 强 ， 将 绍 姆 堡 区 传统 服装 的 演变 发 展 及 分 布 
图 解 得 很 清楚 ， 引 导读 者 一 幅 一 幅 读 图 。 
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案例 5 HAREMA 


n 
E bkk (Bufo americanus Le Conte) 褪 掉 身 上 的 表皮 ， 表 皮 从 它 身上 脱落 后 就 变 成 平面 的 了 ， 这 
HE 与 我 们 的 信息 展示 方式 并 无 不 同 之 处 。 





图 2.7 WARE- EREE 






ik Ske WE Wee di e A He 
图 是 利用 了 自然 的 力量 设 
计 的 地 图 。 当 我 们 看 蟾 内 时 ， 立 体 的 
REE T AME, T MS 
褪去 自身 的 表皮 ， 留 下 的 是 一 张 平面 
的 、 天 然 的 地 图 外 形 ， 展 开 后 的 
展示 更 加 全 面 ， 作 者 还 细心 地 标注 
前 后 ， 使 读者 更 容易 理解 蟾 内 的 自身 
结构 。 其 实 我 们 现在 使 用 的 地 图 在 很 
早 的 时 候 就 是 来 自 于 自 中 。 世 界 
地 图 是 球体 的 剖面 图 ， 将 立体 的 地 理 
信息 以 平面 的 形式 展现 。 











- 张 来 自 于 自然 的 “地 图 ”， 
通过 此 种 形式 展示 给 入 以 更 加 亲切 的 感 
觉 , 并且 能 够 如 此 完好 地 进行 记录 ， 在 
之 后 的 设计 中 我 也 会 更 加 注重 回归 自然 
的 设计 。 


这 是 
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FESO L Efa LETT AY GA, KAPERE OX ES IR As EAE ARB T IRo 
在 15 世 纪 意 大 利文 艺 复兴 时 ， 佛 罗 伦 萨 人 已 经 使 几何 学 得 到 了 完善 ， 从 那 以 后 传统 的 透视 画 法 不 断 
丰富 了 描摹 物体 的 方法 。 对 于 更 抽象 的 不 存在 于 我 们 现实 世界 中 的 多 元 信息 ， 也 发 展 出 了 一 些 大 胆 
的 方法 。 而 发 展 的 过 程 是 悄悄 的 ， 通 常 需要 在 处 理 大 量 信息 的 枯燥 的 图 标 中 发 现 ， 一 些 这 样 的 方法 
在 这 个 过 程 中 得 到 了 很 好 的 佐证 。 
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案例 6 地 图 图 解 一 一 幽灵 地 图 * 霍乱 


1854 年 ， 霍 乱 在 伦敦 苏 活 区 严重 爆发 ， 当 时 对 霍乱 起 因 的 主流 意见 仅仅 是 空气 传播 。 








Dr-John Snow 
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这 幅 地 图 的 历史 如 此 悠久 ， 
但 是 摆 在 今天 的 地 图 设计 案头 却 
-点 也 不 过 时 ， 我 觉得 这 也 源 于 
其 精确 的 街道 位 置 和 巧妙 的 点 、 
线 结合 ， 并 且 仅 仅 使 用 黑白 线 去 
描绘 整个 霍乱 地 区 地 图 ， 使 得 这 
张 地 图 更 具 图 解 的 韵律 美 。 
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2098 E (内 科 医 生 ) pk WEE, EELE Ci th e 








eee 对 比分 析 ， 发 现 污染 源 来 自 于 Broad Street 的 公用 抽水 机 。 事 实证 明 ， 正 
是 由 于 伦敦 政府 将 废物 倾倒 进 泰 晤 士 河 的 决定 ， 导 致 了 霍乱 通过 地 下 污 
水 传播 而 最 终 爆发 的 后 果 。 
日 本 科技 小 组 尝试 将 黑 
客 网 络 攻击 可 视 化 效果 








该 案例 是 关于 疾病 死亡 人 数 统计 图 ， 作 者 将 街区 地 图 作为 基础 图 表 ， 用 点 代表 一 
定 的 死亡 人 数 单位 ， 点 的 密集 反映 了 霍乱 的 高 发 区 。 采 用 地 图 作为 基础 图 表 的 原因 : 地 
图 是 将 地 面 坐标 的 信息 可 视 化 而 产生 的 图 形 工具 ， 更 便于 人 们 探索 其 中 关系 ， 进 而 发 掘 隐藏 的 信息 。 作 
为 信息 设计 的 重要 因素 ， 一 个 好 的 图 表 比 使 用 单纯 的 文字 更 清晰 、 更 能 令 人 印象 深刻 地 进行 沟通 传达 ， 
可 以 帮助 人 们 了 解 更 多 隐藏 在 数据 背后 的 真相 。 
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2.9 地 图 图 解 一 一 幽灵 地 | 
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作者 为 了 分 析 疫 情 ， 查 看 了 当地 的 地 图 ， 并 以 地 图 中 的 街道 为 背景 做 了 相对 应 的 添加 ， 图 中 黑 点 
表示 死亡 人 数 ， 黑 色 方 块 表示 当地 人 可 获取 水 源 的 水 泵 。 黑 点 越 多 说 明 该 地 区 死亡 人 数 越 多 ， 可 见 这 
个 地 区 是 疫情 的 高 发 区 ， 而 该 地 区 只 有 一 个 公用 水 泵 。 
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案例 7 统计 数据 图 解 一 一 世界 生物 竞争 


世界 生物 竞争 讲述 了 生命 的 故事 、 自 然 的 奥秘 。 生 物 界 的 各 个 物种 是 不 断 发 展 的 ， 它 们 既 有 联系 ， 也 
有 对 抗 和 竞争 。“ 物 竞 天 择 ” 是 生命 递 进 永恒 的 规律 。 作 者 将 这 种 自然 规律 巧妙 地 转化 为 统计 图 表 ， 将 生 
物 之 间 的 竞争 以 人 为 参照 物 进行 比较 ， 将 生物 知识 以 可 视 化 的 方式 哇 现 ， 刺 激 读者 的 学 习 和 欲望。 


RC nar 


在 图 形 表现 上 采用 动物 侧 剪 影 的 具象 
绘制 ， 形 象 而 生动 地 体现 了 各 类 动物 的 特 
征 ， 同 时 也 表现 了 各 类 动物 飞翔 、 奔 跑 、 
邀 游 的 形 太志 整 幅 图 中 说 明 性 的 文字 总 
是 依附 着 图 月 ; 环 影响 整体 形 的 趋势 和 构 
成 。 人 文字 形成 了 一 种 装饰 性 的 线条 ， 隐 隐 
地 跟随 图 形 跳动 在 画面 中 。 


Sema 

































这 幅 世 界 生物 竞争 图 解 ， 以 优雅 的 “姿态 ” 
展现 了 各 种 物种 的 残酷 竞争 。 我 觉得 也 源 于 作者 
对 构图 的 把 握 ， 严 格 按照 网 格 排版 ， 正 负 空间 的 
结合 ， 让 整 幅 图 疏 而 不 空 ， 将 内 容 有 秩序 感 地 呈 
现 ， 又 给 我 们 留 有 想象 和 反思 的 空间 。 








图 中 图 形 主要 集中 在 
右 侧 ， 左 侧 则 大 量 留 白 ， 
形成 了 画面 中 的 负 空间 。 
负 空 间 就 像 形状 一 样 ， 在 
构成 中 必须 把 它 当 作 正 空 
间 的 形状 来 同等 对 待 。 如 
果 空 间 填 得 太 注 六 整 幅 图 
的 构成 会 造成 压迫 感 。 在 
画面 中 ， 主 空间 大 概 只 占 
了 五 分 之 二 ， 空 旷 的 负 空 
间 使 画面 充满 了 运动 感 和 
节奏 感 ， 并 使 画面 向 外 围 
延展 ， 充 满 张 力 感 。 





图 2.10 ”统计 数据 图 解 一 一 世界 生物 竞争 





【参考 视频 】 





信息 可 视 化 委 例 
| 
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作者 选用 蓝 色 系 为 主 色调 ， 
蓝 色 代表 生命 、 神 秘 、 自 然 及 永 
恒 等 。 利 用 蓝 色 在 明度 上 的 变 
化 ， 图 解 系列 生物 不 同 的 竞争 组 
合 和 发 展 过 程 。 首 先 ， 利 用 蓝 色 
在 明度 上 的 渐变 将 画面 分 割 成 3 
个 色 块 带 ， 分 割 海陆 空 ， 然 后 ， 
在 同一 块 色 带 中 ， 各 种 生物 采用 
同一 明度 的 蓝 色 ， 它 们 的 色彩 随 
背景 色 的 改变 而 改变 。 
























世界 生物 竞争 是 利用 各 种 物种 形态 的 
渐变 推移 ， 向 我 们 展示 了 一 种 图 形 智 慧 一 一 
可 以 将 抽象 的 ， 难 以 诉说 的 概念 图 像 化 。 这 种 智慧 就 是 在 
图 解 中 采用 隐喻 。 隐 喻 的 方式 多 种 多 样 ， 所 带 来 的 理念 与 
图 像 也 丰富 多 彩 ， 有 创意 的 设计 师 可 以 借用 图 像 表 达 更 高 
层次 的 概念 ， 远 远 超出 图 像 表 面 所 显示 的 内 容 ， 让 人 产生 
联想 ， 给 观众 带 来 更 加 具有 创造 力 、 更 加 意味 深长 的 体 
验 。 在 这 幅 图 中 ， 各 种 物种 的 竞争 和 发 展 ， 生 动 形 象 ， 留 
有 想象 和 联想 的 空间 ， 使 我 们 能 够 联想 到 更 多 的 生命 形态 


的 竞争 和 发 展 。 
~、 














“优胜 劣 汰 ， 适 者 生存 ”是 宇宙 中 永恒 不 变 的 真理 。 本 图 展示 了 生命 “ 物 竞 天 择 ” 的 永恒 规律 。 
优雅 的 线条 ， 形 与 形 之 间 的 渐变 推移 ， 不 仅仅 有 效 传达 了 信息 ， 更 调动 了 观众 的 热情 和 好 奇 ， 最 终 使 
整个 画面 具有 永恒 的 神秘 感 和 生命 跳动 的 无 限 张 力 。 
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案例 8 统计 数据 图 解 一 一 德国 职业 选择 统计 


本 案例 用 图 解 的 方式 表述 了 2000 年 德国 职业 选择 统计 情况 。 经 统计 数据 显示 ， 在 2000 年 德国 职业 培训 
的 男性 中 ， 学 修理 工 的 人 数 最 多 ， 排 名 第 一 ， 每 13 位 男性 中 就 有 1 位 选择 当 修 理工 (此 人 数 比 例 关 系 在 右 页 
中 也 通过 重复 与 特异 的 手法 有 相应 的 表示 ) 。 其 后 ， 依 次 是 电工 、 油 漆 工 、 木 工 、 砌 墙 工 、 供 暖 修理 工 、 
售货员 、 营 销 员 、 车 工 ， 学 厨师 的 人 数 最 少 ， 排 名 末 位 。 而 在 2000 年 德国 职业 培训 的 女性 中 ， 学 医护 专业 





的 女性 人 数 排名 第 三 ， 每 14 位 女性 中 就 有 1 位 选择 学 医护 专业 。 
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在 生活 中 ， 真 的 很 难 接触 到 这 些 工业 的 统计 知识 ， 设 





计 师 把 这 些 知识 用 图 解 的 方式 描述 出 来 ， 不 仅 生动 ， 而 且 用 白色 剪影 表现 各 行业 的 代表 
能 够 清晰 地 表达 出 设计 意图 。 设 计 师 一 定 是 要 非常 了 解 这 工具 ， 用 黑色 剪影 表现 各 行业 的 工 
些 知识 ， 才 能 做 出 这 么 通俗 易 懂 的 作品 ， 这 也 是 所 有 设计 作者 ， 简 明 地 呈现 了 各 行业 人 物 与 
者 在 设计 前 应 做 的 准备 。 作 品 每 个 人 物 的 形象 也 都 十 分 到 工具 的 关系 。 左 页 里 以 手 执 修理 工 
位 ， 都 是 通过 网 格 形式 进行 了 严格 的 版 面 设计 。 具 的 摄影 图 片 作 背景 。 值 得 一 提 的 

是 ， 左 页 前 景 中 突破 性 地 用 近 大 远 
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小 的 纵深 空间 表现 职业 选择 的 人 数 
多 少 ， 排 名 第 一 的 修理 工种 放 在 最 
近 ， 比 例 最 大 ， 其 后 依次 类 推 。 设 
计 手 法 新 颖 ， 效 果 直观 明了 。 














3 分 钟 看 懂 中 国 
福利 制度 
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图 2.11 ”统计 数据 图 解 一 一 德国 职业 选择 统计 
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经 统计 数据 显示 ， 在 2000 年 德国 职业 培训 的 女性 中 ， 学 医护 专业 的 女性 人 数 排名 第 三 ， 
中 就 有 1 位 选择 学 医护 专业 (此 人 数 比 例 关系 的 图 解 手法 与 上 图 中 的 手法 一 致 ) 。 在 左 页 里 用 白色 剪影 表 





每 14 位 女性 


现 学 医护 专业 的 女性 工作 者 ， 与 吊 瓶 的 特写 镜头 摄影 图 片 互动 ， 简 洁 而 真实 地 凸显 了 人 物 的 身份 。 





【参考 视频 】 
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案例 9 ”统计 数据 图 解 一 一 狗 的 分 类 











这 张 统计 数据 图 解 是 不 同 种 类 的 狗 的 大 小 、 体 重 和 寿命 的 分 类 的 对 比 图 ， 为 准备 买 狗 和 已 经 有 狗 的 人 们 
提供 了 一 些 有 效 的 资料 。 

















蜀 的 品种 很 多 本案 「 TI 1 
例 利用 图 解 设计 的 简单 性 原 ! 
理 ， 通 过 每 种 狗 的 特点 进行 eee 
剪影 的 绘制 。 主 题 与 背景 的 wo 下 
黑白 关系 可 以 让 人 们 更 好 地 a u 
分 辨 狗 的 种 类 ， 巧 妙 的 图 形 : i j 
语言 让 本 来 复杂 的 信息 得 到 : ! 
了 更 快 的 传达 。 ` a 
nanuk NM a rt gt 
【参考 视频 ʻ: a wf wt 
g i in | 
R ' 
Ê 3 = ' 
AN oe 
MRH RE “saner” 


复杂 的 世界 i 














这 张 图 解 设计 很 有 意思 ， 虽 然 我 很 喜欢 狗 ， 但 是 对 于 狗 的 种 类 了 解 却 不 是 很 多 。 通 过 这 张 图 解 设 
计 ， 我 了 解 了 因为 狗 的 种 类 不 同 还 能 有 这 么 多 可 以 比较 的 东西 ， 也 让 我 学 习 到 了 很 多 关于 狗 的 知识 ， 虽 
然 只 有 简单 的 图 形 ， 但 是 却 能 直观 地 传达 很 多 有 趣 的 信息 。 
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1. (ARTIS, BSR LIS [SE 
2. 整理 自己 喜欢 的 统计 数据 图 解 设计 。 
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这 张 统计 数据 图 
的 内 容 首先 是 吸引 人 眼 
的 ， 对 于 人 类 行为 的 探 
是 很 多 社会 学 家 所 研 
的 ， 也 是 许多 人 想 去 理 
的 。 其 次 ， 设 计 采 用 了 
单 与 复杂 性 设计 原则 ， 
本 复杂 的 线路 图 运用 粗细 
的 线条 和 颜色 进行 表达 ， 
让 信息 变 得 直接 易 懂 ， 同 
时 虚 化 可 有 可 无 的 内 容 ， 
突出 重点 也 是 设计 的 巧妙 
之 处 ， 整 个 画面 节奏 感 很 
强 ， 细 节 部 分 也 很 到 位 。 
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将 狗 的 大 小 、 体 重 和 寿命 进行 了 对 比 排序 ， 其 实 是 利用 了 最 简单 的 图 表 一 一 直方 图 的 形式 进行 了 
设计 。 只 是 将 生硬 的 直方 图 改 为 活泼 的 狗 的 形象 ， 虽 然 只 是 一 点 点 的 改变 ， 却 让 整个 数据 图 表 看 上 去 
活 泌 了 很 多 ， 这 也 提醒 了 设计 师 细节 的 变化 ， 有 时 会 产生 意 想 不 到 的 效果 。 
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5 案例 10 ”政治 图 解 一 一 联邦 收入 与 支出 

e 

f 奈 杰 尔 霍 姆 斯 (Nigel Holmes) 毕业 于 英国 皇家 艺术 学 院 ， 曾 是 《时 代 周 刊 》 的 图 形 总 监 ， 他 对 复杂 
许 ”的 学 和 的 图 形 解释 ， 开 创 了 复杂 信息 表述 的 新 方式 。 











本 案例 通过 美国 政府 官方 给 出 的 统计 数据 ， 以 图 形 的 方式 图 解 了 美国 联邦 政府 2000 年 的 收入 与 支出 的 
相关 事项 。 比 起 枯燥 难 懂 的 政府 报告 ， 奈 杰 尔 * 霍 姆 斯 的 表述 更 加 直观 清晰 。 本 案例 从 观 者 的 角度 提出 大 
众 所 关 心 的 问题 ， 通 过 11 张 图 表 说 明了 联邦 收入 与 支出 明细 、 联 邦 债务 和 造成 债务 的 原因 ， 以 及 社会 保障 、 
医疗 保险 、 国 家 经 济 状 况 、 各 州 的 财政 预算 、 福 利 、 教 育 、 犯 罪 、 报 告 卡 。 奈 杰 尔 ， 霍 姆 斯 使 用 图 标 、 比 
例 图 表 (简洁 的 柱状 图 、 饼 状 图 ) 、 色 彩 、 关 键 性 数字 生动 地 解释 了 这 些 问题 ， 并 揭示 了 在 数字 背后 所 忽 
略 的 社会 问题 ， 以 及 政府 收 支 与 美国 公民 之 间 的 关系 。 


左 图 解释 了 2000 年 联邦 政府 收入 的 来 
源 一 一 税收 ， 作 者 以 林肯 的 简化 肖像 代表 政 
府 ， 将 该 肖像 一 分 为 二 ， 分 别 示 意 收 入 与 
支出 ， 以 衍生 出 来 的 立体 的 线条 代表 收 支 明 
细 ， 线 条 粗细 度 代表 各 项 税收 在 总 收入 中 所 
占 的 比重 ， 税 收 事项 以 相关 图 标 来 说 明 ， 少 
量 的 配 文 解释 各 项 税收 的 征收 情况 ， 以 粗 宝 
体 着 重 显示 了 各 项 税收 的 金额 以 及 在 总 收入 
中 所 占 的 比例 。 由 图 可 见 ， 政 府 的 主要 收入 
来 自 个 人 所 得 税 及 社会 保险 、 





























在 学 习 中 ， 真 的 很 难 接触 到 这 些 有 关 
政治 和 国家 经 济 的 统计 数据 及 相关 的 经 济 
知识 ， 设 计 师 将 统计 数据 用 图 解 的 方式 描 
述 出 来 ， 不 仅 生动 ， 而 且 清晰 地 表达 出 设 
计 意 图 。 相 信 设 计 师 在 设计 之 前 做 了 充分 
的 准备 ， 设 计 的 目的 不 是 为 了 好 看 的 视觉 
效果 ， 而 是 以 通俗 易 懂 的 方式 传递 信息 ， 
以 简单 的 图 形 、 多 样 化 的 图 表 让 信息 的 呈 
现 更 立体 、 更 亲切 。 









































【参考 视频 】 
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Ki i 
ED o? 
右 图 解释 了 2000 年 联邦 政府 总 支出 1.8 万 亿美 该 案例 是 信息 ) £ 
元 的 明细 ， 支 出 主要 用 在 两 个 方面 ， 一 是 强制 性 设计 中 典型 的 数据 可 视 ui 
福利 计划 1.3 万 亿美 元 ， 二 是 自由 支出 0.5 万 亿美 化 ， 以 生动 的 图 表 解 释 了 复杂 的 美国 政 的 
元 ， 余 下 的 约 1150 亿 美元 代替 税收 。 大 部 分 的 支 府 的 经 济 问 题 。 整 个 案例 的 图 表 设 计 简 iv 
出 都 用 于 国民 福利 、 医 保 、 社 保 、 低 收入 保障 、 洁 、 清 晰 ， 每 张 图 表 底部 都 注 明 了 详细 
国债 利息 及 国防 。 以 形象 的 纸币 堆 双 的 高 度 代表 的 资料 来 源 ， 使 用 的 相关 数据 信息 均 来 
支出 和 结余 的 比例 关系 。 红 色 的 箭头 图 标 作为 引 | ---。 | 自 官方 网 站 与 调查 报告 。 每 张 图 表 在 说 
导 ， 醒 目地 指向 下 张 图 表 。 明 数据 信息 的 同时 ， 解 释 了 该 数据 产生 
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! | 的 原因 及 来 源 ， 为 了 说 明 问题 ， 还 增加 
1 了 比较 信息 、 (不 同年 份 、 国 家 、 州 、 
! | 性 别 忆 种 旋 之 间 支出 信息 的 比较 ) ， 
! 上 便于 观 者 理解 。 作 者 在 设计 图 表 之 前 ， 
中- 首先 ， 搜 集 了 详细 的 数据 信息 ， 其 次 ， 
1 以 严谨 求实 的 态度 ， 分 析 数 据 之 间 的 关 
上 | FR. 提炼 关键 性 数据 ， 再 次 ， 从 观 者 角 
! | 度 思 考 和 理解 数据 信息 ， 杭 理 馆 辑 关 
j 系 ， 发 现 隐藏 在 数据 背后 的 潜在 信息 ， 
! | 最 后 ， 根 据 信息 层级 关系 ， 构 思 恰当 的 
! 图 表 框架 ， 设 计 风格 统一 的 图 标 ， 确 定 
! 图 表单 位 、 色 彩 释义 、 文 字 大 小 。 














左 图 将 结余 与 国债 利息 进行 
了 比较 ， 以 水 滴 和 灰色 方 格 示意 结 
R, 表现 了 对 于 国债 而 言 ， 结 余 金 额 
只 是 杯水车薪 。 

右 图 通过 比例 图 描述 了 社会 保 
障 面 临 的 最 大 问题 一 一 老龄 化 ， 因 为 
婴儿 潮 一 代 都 达到 了 退休 年 龄 (在 第 
- 二 次 世界 大 战 至 1964 年 之 间 出 生 ) ， 
使 得 老龄 化 人 口 是 60 多 年 前 的 15 倍 。 
与 青年 群体 的 比较 说 明美 国 老龄 化 的 
速度 到 底 有 多 快 ， 老 年 群体 中 少数 种 
族 的 比例 ， 以 及 养老 金 所 支出 在 占 总 
的 GDP 的 比例 。 图 中 灰色 表示 青年 群 
体 比 例 ， 红 色 表 示 老 年 人 ， 绿 色 表 示 
健康 福利 ， 蓝 色 表示 GDP。 















































图 2.13 ”政治 一 一 联邦 收入 与 支出 
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案例 11 政治 图 解 一 一 美国 人 口 分 布 


本 案例 是 根据 美国 人 口 普查 局 给 出 的 数据 ， 以 视觉 量化 的 形式 描述 了 美国 人 口 的 详细 信息 ,分 析 了 美 





国 


人 口中 不 同年 龄 、 种 族 、 性 别 所 占 的 比例 ， 以 及 相关 的 各 州 人 口 分 布 、 种 族 结构 、 婚 姻 状况 、 财 富 分 配 。 通 
过 对 美国 人 口 的 详细 分 析 ， 解 释 了 美国 的 民主 选举 制度 、 选 民 投 票 、 选 举人 参 选 活动 流程 、 所 需 资金 来 源 及 


其 幕后 的 政治 游说 。 





D> 一 一 


作者 首先 定义 了 数据 单位 和 色 
彩 关 系 。 左 图 以 矩阵 式 的 图 表 、 立 体 
人 物 图 形 和 量化 的 表达 形式 显示 了 
1000 个 美国 人 中 的 种 族 和 年 龄 比例 。 
横向 是 按 种 族 排列 ， 其 中 白人 GRE 
色 ) 827 个 、 黑 人 (紫色) 126 个 、 亚 
裔 或 太平 详 岛 民 (红色 ) 38 个 、 美 国 
原 住民 (黄色 ) 9 个 。 纵 向 按 年 龄 分 
组 ， 从 左 到 右 依 次 为 : 18 岁 以 下 未 成 
年 人 、18 岁 以 上 成 年 人 、65 岁 以 上 老 
年 人 。 杜 状 图 说 明 : 18 岁 以 下 未 成 
年 人 口 从 1980 年 的 32% 下 降 到 1997 年 
的 29%，65 岁 以 上 的 老年 人 口 不 断 增 
加 ， 占 美国 人 口 的 13%。 








本 案例 将 人 口 分 布 与 地 理 信息 相 
结合 ， 利 用 二 维和 三 维 的 地 图 形式 作 
为 图 解 的 载体 ， 以 色彩 关系 、 地 势 高 
低 的 方式 生动 地 展现 了 美国 的 人 口 信 
息 。 由 此 可 见 ， 信 息 的 呈现 方式 是 与 
,内容 相关 联 的 ， 在 设计 之 前 必须 
对 信息 进行 理解 ， 再 考虑 表现 形式 ， 
而 且 文 字 信息 需 精练 ， 在 排版 时 要 考 
虑 网 格 的 大 小 和 规律 性 。 
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【参考 视频 】 


12 个 国家 的 数据 可 视 化 
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以 1000 人 为 基准 分 类 ， 六 个 矩阵 图 用 渐变 色 块 进行 
区 分 ， 说 明了 美国 人 口 的 公民 投票 权利 (绿色 ) 、 婚 姻 
状况 (橙色 ) 、 就 业 GEG) 、 医 疗 保险 (黄色 ) 、 宗 
教 信仰 ( 蓝 色 ) 、 教 育 程 度 (红色 ) ， 以 及 抽样 调查 了 

工作  。 通过 ol z 20 世 纪 90 ae We A 
ARE E RELA ee eee 

: i, 视觉 和 风格 上 形成 统一 ， 以 小 人 图 标 


PE RAR A: 作为 数据 单位 ， 不 同色 彩 表现 作为 信 
息 区 分 ， 以 更 加 立体 和 直观 的 方式 显 
示 信息 。 


GD i 


左 图 用 三 维 地 图 显示 了 美国 的 
人 口 密 度 ， 高 度 表示 各 主要 城市 在 
1990 年 的 人 口 密度 。 美 国 的 人 口 分 布 
并 不 均匀 ， 相 对 集中 ， 西 部 人 口 稀 
少 ， 大 部 分 是 耕地 。53% 的 美国 人 居 
住 在 20 个 最 大 的 城市 ， 密 度 最 高 的 是 
纽约 ， 每 平方 英里 23000 人 ， 约 1/9 的 
美国 人 生活 在 美国 人 口 最 多 的 加 利 福 
尼 亚 州 ， 新 译 西 是 人 口 最 稠密 的 州 ， 
平均 1000 人 /平方 英里 ， 阿 拉 斯 加 人 
烟 稀少 ， 平 均 1 人 /平方 英里 。 

右 图 用 四 张 彩色 平面 地 图 解 
释 了 美国 各 州 种 族 分 布 密度 的 高 低 
KE (白人 、 亚 裔 或 太平 洋 岛 民 、 
黑人 、 美 国 原 住民 所 占 的 人 口 比 
fal) 。 红 色 代 表 平均 水 平 以 上 ， 
紫色 代表 平均 ， 蓝 色 代表 平均 水 
平 以 下 ， 颜 色 深 浅 代表 密度 高 低 
( 浅 色 代 表 低 密度 ， 深 色 代表 高 
密度 ) 。 


该 案例 包含 信息 
量 很 大 ， 所 有 的 统计 数 
据 都 经 过 了 作者 细致 的 筛选 ， 将 复杂 
的 各 州 人 口 构成 ， 以 密度 水 平 高 低 进 
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图 2.14 ”政治 图 解 一 一 美国 人 口 分 布 











案例 12 ”说 明 图 解 一 一 飞机 安全 解说 


为 了 避免 意外 的 发 生 ， 飞 机 上 都 会 配备 一 些 简易 的 逃生 工具 ， 同 时 ， 会 配套 一 份 逃生 工具 使 用 对 
世界 上 的 语言 种 类 很 多 ， 为 了 保证 所 有 的 旅客 都 能 读 懂 手册 ， 最 好 的 办 法 就 是 使 用 图 解 的 方式 来 讲解 。 


设计 师 用 三 原色 区 分 了 飞机 上 与 乘客 安全 
相关 的 部 位 ， 黄 色 表示 机 身 与 逃生 门 ， 蓝 色 代 
表 座位 ， 绿 色 表示 安全 带 ， 并 用 了 醒目 的 红色 
箭头 ， 标 注 了 安全 带 的 使 用 方法 ， 旋 转 箭头 表 
示 座 位 可 调 的 方向 。 逃 生 门 的 打开 方向 ， 不 同 
座位 的 乘客 逃生 的 方向 ， 也 用 红色 的 “x” 号 标 
注 了 飞机 上 禁止 的 注意 事项 。 我 们 常见 的 飞机 
安全 解说 图 一 般 是 把 人 物 直接 处 理 成 黑色 或 白 
色 剪影 ， 而 该 图 细 化 了 人 物 ， 给 予 人 物 不 同 的 
颜色 ， 显 得 更 加 亲切 。 















每 次 坐 飞机 都 能 看 到 各 个 航空 公司 配备 
的 救生 图 。 这 些 救生 图 都 是 以 图 片 为 主导 来 进 
行 设计 的 。 在 这 套图 中 ， 我 印象 最 深刻 的 是 颜 
色 的 使 用 ， 不 同 的 颜色 能 够 传达 不 同 的 心理 效 
果 ， 作 为 警示 色 的 黄色 、 红 色 很 有 代表 性 。 








图 中 所 有 的 物体 和 人 物 都 采用 了 线条 剪影 
的 方式 ， 弱 化 了 不 必要 的 细节 ， 主 要 阅 述 了 救 
生 工 具 的 使 用 ， 以 及 逃生 出 口 的 数量 与 方向 。 
红色 与 栖 色 标注 了 关键 细节 ， 减 弱 了 “救生 ” 











【参考 视频 】 


15 种 排序 算法 可 视 化 展示 





m 














RC mar 


TARE HA BA BS Sas AE Be ST BB PS ee HR DS, ADRE FS 
不 同 的 心理 暗示 ， 相 对 最 为 安全 的 区 域 用 绿色 ， 相 对 危险 的 区 域 用 红色 。 以 对 话 框 的 形式 标明 了 不 同 



































等 级 座位 的 生还 概率 的 具体 数值 ， 使 乘客 更 明确 地 比较 座位 的 安全 程度 。 逃 生出 口 的 位 置 以 红色 的 宽 
箭头 表示 ， 具 有 醒目 的 效果 。 














此 套 安全 
图 解 在 色彩 的 
选择 、 色 调 的 冷暖 对 比 、 图 形 
与 图 像 的 选用 上 都 很 恰当 。 图 
形 的 表示 方法 、 通 用 性 、 排 版 
方式 等 ， 对 ? 习 信 息 图 解 
具有 典型 的 启发 意义 与 借鉴 
价值 。 



























图 2.15 说明 图 解 一 一 飞机 安全 解说 








内 外 航空 公司 飞机 安全 图 解 的 对 比 ， 图 解 的 意义 在 于 超 

越 了 不 同 的 语言 ， 解 读 更 直观 清晰 ， 两 幅 图 都 用 了 线 框 ， 区 分 不 同 的 操作 『---- 
步骤 ， 共 用 的 颜色 有 黄色 和 红色 ， 醒 目的 黄色 代表 了 救生 的 关键 设备 氧气 

罩 、 救 生 衣 等 ， 红 色 代 表 警 示 事项 和 操作 的 方向 。 
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这 两 幅 图 为 
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3.1 网 格 系统 的 概念 


版 式 设计 作品 不 仅 要 有 功能 性 ， 还 要 有 审美 
性 。“ 仅 从 功能 中 发 展 美 是 不 够 的 ， 美 本 身 也 是 一 
种 功能 ， 当 设计 师 更 加 注重 美的 形式 ， 那 么 这 种 
形式 就 必须 存在 自身 的 功能 。 长 远 来 看 ， 设 计 作 
品 必须 既 要 有 很 强 的 功能 性 ， 又 要 有 一 定 的 审美 
价值 。” 人 的 审美 活动 是 感性 的 、 直 觉 的 ， 同 时 也 
是 理性 的 、 思 维 的 ， 它 包含 个 人 对 事物 的 理解 。 优 
美的 版 式 让 人 感到 编排 形式 丰富 ， 整 体 效 果 大 方 、 
干净 、 整 洁 ， 而 究 其 原因 则 要 归 因 于 网 格 系统 的 
应 用 。 

网 格 设计 系统 〈 又 称 栅 格 设计 系统 、 标 准 尺 
寸 系统 、 程 序 版 面 设计 、 瑞 士 平面 设计 风格 、 国 际 
主义 平面 设计 风格 ) 是 一 种 平面 设计 的 方法 与 风 
格 ， 其 风格 工整 简洁 ， 在 第 二 次 世界 大 战 后 大 受 欢 
迎 ， 已 成 为 当今 出 版 物 设计 的 主流 风格 之 一 。 掌 握 
网 格 系统 是 从 事 版 式 设计 必须 具备 的 基础 。 作 为 版 
式 最 基本 的 形式 法 则 ， 它 将 构成 主义 和 秩序 的 概念 
引入 设计 之 中 ， 使 得 所 有 的 设计 元 素 都 跟随 网 格 的 
设计 ， 融 合并 协调 成 一 致 ， 使 整体 得 到 统一 通过 
网 格 ， 海报 内 所 有 的 内 容 XF. FV 
































域 一 一 都 得 到 了 安排。 
3.2 网 格 的 起 源 


网 格 起 源 于 1692 年 ， 当 时 法 国 国 EM OU ` 


基 。 在 位 时 期 ， 路 易 十 四 命令 成 立 一 个 管理 印刷 的 皇 
家 特别 委员 会 ， 他 们 的 首要 任务 是 设计 出 科学 的 、 合 
理 的 、 重 视 功能 性 的 新 字体 。 委 员 会 由 数学 家 尼 古 拉 
斯 加 宗 (Nicolas Jaugeon) 担任 领导 ， 他 们 以 罗马 体 
为 基础 ， 采 用 方 格 为 设计 依据 ， 每 个 字体 方 格 分 为 64 
个 基本 方 各 单位 ， 每 个 方 各 单位 再 分 成 36 个 小 格 ， 这 
样 ， 一 个 印刷 版 面 就 由 2304 个 小 格 组 成 。 网 格 系统 英 
文 为 “grid systems”， 也 被 翻译 为 “ 栅 格 系统 ”。 

之 后 由 尼古拉斯 加 宗 创造 的 960 栅 格 化 系统 (或 
者 说 适应 型 ss 构架 ) 是 世界 上 最 早 对 字体 和 版 面 进 
行 科学 实验 的 活动 ， 也 是 栅 格 系统 最 早 的 雏形 。960 
栅 格 化 系统 早期 主要 用 来 进行 快速 原型 制作 ， 以 减 
少 重复 单调 的 工作 ， 但 是 目前 ， 它 在 网 页 设计 开发 
项 目 中 开始 扮演 非常 重要 的 角色 ， 为 网 页 设计 提供 
了 坚实 的 坐标 基础 。 最 初 它 有 两 种 变形 : 12 栅 格 和 
16 栅 格 ， 它 们 的 互补 保证 了 系统 的 融通 性 ， 后 来 产 




















图 3.1 «A+ ts BFL) 
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图 3.2 ” 西 塞 光 和 点 的 排版 度量 系统 网 格 
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图 3.3 ”网 格 的 模块 系统 


生 了 更 多 的 衍生 。 随 着 大 尺寸 屏幕 的 出 现 和 普及 ， 
很 多 网 站 开始 走 宽屏 路 线 ， 但 是 这 并 不 影响 栅 格 系 
统 的 存在 ， 相反， 栅 格 系统 已 经 成 了 多 媒体 信息 排 
版 的 基础 ， 其 中 3 x 4 网 格 的 应 用 最 为 广泛 。 

网 格 遵循 西 塞 罗 ( 西 塞 罗 cicero， 每 英寸 为 12 等 
份 ， 每 份 的 六 分 之 一 叫做 1 点 ， 每 英寸 等 于 72 点 ) 和 
点 的 排版 度量 系统 ， 以 1 西 塞 罗 为 单位 ， 文 字 部 分 宽 
47 西 塞 罗 ， 并 可 被 分 成 >、3、4 和 6 格 (除非 会 造成 
剩余 ， 否 则 不 会 分 成 5 格 ) 。 

网 格 的 模块 系统 分 成 59 个 单位 (格子 间距 为 一 
单位 ) ， 格 子 长 度 为 9、11、14、19 和 29 单 位 。 在 58 
个 单位 中 (其 中 两 个 单位 是 间距 ) ， 格 子 的 边 长 为 
8、10、13、18 和 28。 

















3.3 网 格 系统 的 重要 性 


网 格 是 一 种 包含 一 系列 等 值 空间 (网 格 单元 ) 
或 对 称 尺度 的 空间 体系 。 
= -种 视觉 和 结 构 上 的 联系 ， 形 式 和 空间 的 位 置 及 其 相 
定 。 ple ii 
间 的 规则 形 和 连续 性 ，” EME URE 
面 上 元 素 的 零散 或 整齐 程度 、 页 面 pasay F s 
比例 ， 并 通过 网 格 建立 连续 的 秩序 或 参考 区 域 ， 从 而 
人 从 本 质 上 讲 ， 它 是 每 件 设计 作品 的 骨 
骼 ， 不 管 作品 中 有 丰富 的 元 素 还 是 简单 的 几 个 元 素 ， 
网 格 分 割 都 能 使 其 更 加 具有 秩序 感 和 节奏 感 。 









站 都 被 设计 成 网 格 个 网 格 系统 被 大 量 地 使 用 在 日 党 
生活 中 。 在 平面 设计 中 ， 网 格 更 是 不 可 或 缺 的 ， 它 
将 文字 、 图 片 等 视觉 要 素 组 合 在 一 起 ， 以 便 有 效 地 
传达 信息 。 网 格 的 设计 规范 了 一 种 秩序 感 ， 有 秩序 
的 设计 才能 高 效 地 传达 信息 ， 引 导读 者 欣赏 作品 
为 秩序 就 是 一 种 美 。 而 且 ， 网 格 可 以 让 设计 师 在 
较 短 的 时 间 内 编排 大 量 信息 ， 因 为 在 网 格 构建 过 程 
中 ， 设 计 的 总 体 思路 基本 上 都 已 安排 受 当 。 

与 此 同时 ， 网 格 还 能 让 不 同 的 设计 师 在 同一 
项 目 或 者 相关 的 系列 项 目 中 进行 同时 合作 ， 因 为 设 
计 的 思路 已 经 被 网 格 定 下 来 ， 所 以 不 会 影响 各 步 又 
之 间 已 经 确定 的 视觉 特点 。 网 格 构 成 设计 特别 强调 
比例 感 、 秩 序 感 、 整 体感 、 时 代 感 和 严密 感 ， 创 造 
了 一 种 简洁 、 朴 实 的 版 面 艺术 表现 风格 ， 曾 对 西方 
现代 平面 设计 产生 过 广泛 影响 。 随 着 版 式 设计 的 计 
算 机 化 进程 ， 网 格 构成 设计 越 来 越 受到 设计 界 的 重 






































它 在 形式 和 空间 之 间 建 立 起 _ 
于 到 它们 的 位 置 、 


城市 区 块 、 室 内 空 间 》 建筑 外 观 、 书 本 及 网 < 


视 ， 已 成 为 艺术 院 校 平面 设计 的 必修 课程。 
3.4 ”网 格 系统 设计 的 原则 


3.4.1 网 格 美的 简洁 性 
1. 层次 美 

对 于 要 呈现 的 信息 来 说 ， 所 有 的 视觉 传达 都 有 
一 个 层级 顺序 ， 即 依据 信息 的 重要 性 来 安排 它们 的 
阅读 顺序 。 在 设计 之 前 ， 设 计 师 必 须 为 信息 中 的 所 
有 要 素 做 出 合理 的 层次 顺序 ， 这 一 过 程 靠 的 是 知晓 
并 理解 信息 的 内 容 。 在 信息 内 容 得 到 了 组 织 之 后 ， 
cain ipl isla is 
个 顺序 。 将 信息 内 容 分 为 一 栏 、 二 栏 、 三 栏 ， 甚 至 
更 多 的 栏 ， 把 文学 与 图 片 安排 于 其 中 ， 使 版 面具 有 

- 定 的 节奏 变化 } 产生 优美 的 韵律 关系 。 网 格 设计 
在 实际 运用 由 具有 科学 性 、 严 肃 性 ， 但 同时 也 会 给 
版 面 带 来 采 板 的 负面 影响 。 

“如 同 字体 要 素 在 层次 上 所 起 作用 一 一 要 考虑 
字形 、 字 间距 和 栏 宽 这 些 抽象 要 
素 一 一 一 样 ， 也 必须 起 到 作用 。 抽 象 要 素 通 常 都 是 
没有 意义 的 此 何 形状 。 圆 是 最 有 视觉 冲击 力 的 几何 
形状 ， 我 们 的 眼睛 不 可 避免 地 会 被 圆 吸引 ， 其 至 很 
小 的 图 部 会 吸引 我 们 的 注意 力 。 所 以 ， 圆 的 使 用 就 
必须 很 克制 、 很 小 心 ， 这 样 才 不 会 让 圆 的 夺目 盖 过 
整 人 作品 的 构成 。 圆 的 大 小 的 改变 和 重复 出 现 也 会 
产生 韵律 ， 并 且 引 导 眼 睛 的 滑动 。 大 一 点 的 贺 可 以 
把 注意 力 引 向 一 个 词 的 一 部 分 ， 或 者 整个 句子 。 

利用 网 格 对 版 面 做 出 空间 的 划分 (图 3.4) ， 它 
的 基本 形态 是 垂直 和 水 平 线 划 分 而 产生 的 等 面 矩形 区 
域 和 其 中 间隔 区 域 ， 它 们 共同 形成 了 版 面 的 行 与 列 。 
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图 3.4 五 款 流行 鸡尾酒 的 调制 方法 
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2. 抽象 美 

网 格 是 一 种 数 的 排列 ， 展 现 了 版 面 的 内 在 结 
构 ， 对 于 网 格 的 设计 不 会 被 显现 在 作品 中 ， 所 以 网 
格 是 抽象 的 。 网 格 作 为 版 式 设计 的 基础 ， 其 基本 要 
素 组 成 为 点 、 线 、 面 。 点 、 线 、 面 是 视觉 构成 的 基 
本 元 素 ， 是 版 面 设计 中 最 重要 的 构成 元 素 ， 又 是 最 
重要 的 表现 手段 。 任 何 版 面 设计 最 终 都 能 抽象 成 为 
点 、 线 、 面 的 组 合 关系 ， 从 而 形成 网 格 的 抽象 美 。 

点 作为 几何 学 意义 上 是 可 见 的 最 小 的 形式 单 
元 ， 是 位 置 的 表示 形式 。 点 通常 构成 其 他 形态 要 素 
( 线 、 面 ) 的 起 始 与 终结 ， 因 而 无 所 谓 方向 、 大 小 、 
形状 。 在 版 面 设计 中 ， 点 是 有 面积 的 。 康 定 斯 基 认 
为 : 从 内 在 性 的 角度 来 看 ， 点 是 最 简洁 的 形态 。 在 
版 面 设 计时 ，“ 点 ”多 数 是 作为 一 种 抽象 出 来 的 点 
而 存在 。 在 整 幅 版 面 中 ， 一 个 较 小 的 形象 即 可 称 为 
“点 ”， 如 版 面 中 相对 较 小 的 标志 、 属 于 符号 的 文字 
等 。 同时， 点 也 可 作为 一 种 具象 而 存在 ， 这 就 需要 我 
们 具有 丰富 的 想象 力 和 敏锐 的 对 美的 感悟 。 不 同形 状 
的 点 给 人 不 同 的 视觉 感受 ， 并 且 不 同形 状 起 着 或 活 
跃 ， 或 平衡 ， 或 稳定 ， 或 丰富 版 面 的 作用 。 
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ag ee The Layout Book 


Cn el ee 
构图 中 的 动 势 、 体 积 、 阴 影 和 质感 都 以 线条 来 描 a zm 
绘 ， 都 是 产生 于 线条 的 。 线 条 能 表示 任何 事物 ， 以 y% > 


BER, eg 构图 类 型 的 种 种 变 一 
化 。” 就 其 形态 曲直 弯 折 等 诸多 形态 ;全 
而 就 表现 运动 的 姿 > RAKE, HELL. HH 
向 之 分 。 线 条 在 版 面 设 计 中 的 表现 力 最 强 ， 平 面 和 
立体 都 可 以 通过 线 表 达 出 来 ， 这 正 是 由 于 线条 本 身 
的 丰富 变化 。 直 线 通常 给 人 以 简洁 、 直 接 的 感觉 ， 
曲线 则 有 和 柔和、 雅致 之 感 ， 徒 手绘 制 的 线条 则 最 具 
亲和力 ， 自 然而 亲切 。 德 卢 西 奥 " 迈 耶 也 提 到 ， 
“线条 能 产生 一 种 视觉 上 的 联系 ， 并 且 是 视觉 艺术 
中 各 因素 之 间 最 为 重要 的 沟通 方式 。” 它 的 强烈 的 
表达 作用 ， 以 及 其 天 生 的 连接 作用 ， 使 得 它 在 视觉 
设计 中 得 到 了 广泛 的 应 用 。 

面 作为 平面 设计 的 一 种 重要 符号 语言 ， 被 广泛 
地 运用 于 设计 当中 。 由 于 面 形成 的 图 形 往往 比 点 或 
线 更 具 视 觉 冲击 性 ， 所 以 面 也 常常 可 以 作为 重要 信 图 3.6 网 格 的 编排 The Layout Book 
息 的 背景 ， 以 突出 信息 ， 使 信息 得 以 更 好 地 传达 。 
面 不 仅 给 人 以 强烈 的 视觉 冲击 ， 而 且 不 同色 彩 和 不 
同 质感 的 运用 能 创造 出 不 同 的 视觉 效果 。 面 同时 还 

| 具有 分 割 页 面 、 放 松 视觉 的 效果 。 




















总 之 ,在 网 格 设计 中 ， 对 点 、 线 、 面 的 运用 ， 
既 要 体现 各 自 的 独立 性 ， 又 要 体现 三 者 之 间 的 协调 
关系 。 

版 式 设计 产生 于 20 世 纪 初 叶 的 西欧 诸 国 ， 完 善 
则 在 20 世 纪 50 年 代 的 瑞士 。 

网 格 设计 风格 的 形成 离 不 开 建筑 对 其 深刻 的 影 
响 ， 其 风格 特点 是 运用 数字 的 比例 关系 ， 通 过 严格 
的 计算 ， 把 版 心 划分 为 无 数 统一 尺寸 的 网 格 。 

在 安排 页 面 元 素 时 ， 使 用 网 格 能 提高 精确 性 和 
连贯 性 ， 为 更 高 程度 的 创造 提供 一 个 框架 。 网 格 使 设 
计 师 能 做 出 可 靠 的 决定 ， 并 有 效 地 运用 自己 的 时 间 。 

设计 师 在 运用 网 格 设计 的 同时 ， 也 可 以 适当 打 
破 网 格 的 约束 使 画面 活 泌 生动 。 

网 格 可 以 使 页 面 布局 显得 紧凑 而 且 稳定 ， 但 使 
用 网 格 并 不 意味 着 就 是 枯燥 的 设计 ， 一 个 好 的 设计 
师 不 仅 能 够 合理 地 应 用 基于 网 格 布局 的 规则 ， 而 且 
还 能 适时 地 打破 这 些 规则 。 

3.4.2 网 格 美的 和 谐 性 

1. 和 谐 美 

网 格 线 通 常 是 隐 性 的 ， 仅 起 定位 作用 ， 没 经过 
专业 训练 的 受众 不 易 发 现 。 但 是 ， 版 式 设计 师 有 时 也 
别出心裁 地 使 优美 的 网 格 结构 线 跃然 于 纸 卡 ,成 为 可 
视线 条 。 设 计时 ， 将 网 格 线 视 为 装饰 元 素 做 整体 上 的 
安排 ， 不 让 纵横 密布 的 网 格 线 影响 信息 的 传递 ， 我 们 
将 这 种 设计 称 为 和 谐 美 
-、 相 互 协调 、 相 宜 相 生 ; 















有 序 运 行 的 结构 形态 。 以 





美学 意义 上 说 ， 和 谐 是 具有 这 样 性 质 特征 的 美的 形 ” 


态 。” 从 古 至 今 ， 和 谐 一 直 是 人 类 审美 活动 所 追求 的 
至 高 境界 和 审美 理想 的 最 高 目标 。 西 方 古代 美学 中 一 
个 主要 概念 就 是 和 谐 ， 毕 达 哥 拉 斯 追求 美的 本 质 时 就 
认为 “ 美 是 和 谐 ”。 在 平面 设计 或 广告 设计 中 ， 往 往 
会 遇 到 一 个 版 面 有 很 多 内 容 ， 文 字 和 图 片 也 非常 多 ， 
在 这 样 的 一 个 有 限 空间 中 ， 我 们 要 将 这 些 元 素 合理 分 
布 的 版 面 中 ， 就 要 合理 安排 好 设计 。 而 要 设计 好 的 网 
格 ， 控 制 好 网 格 的 节奏 与 韵律 就 显得 十 分 重要 。 网 格 
的 节奏 和 韵律 来 自 于 音乐 概念 ， 正 如 歌德 所 言 ， “ 美 
丽 属于 韵律 。” 

不 难看 出 ， 网 格 的 和 谐 美 是 通过 设计 师 对 于 网 
格 的 节奏 、 韵 律 、 比 例 尺 度 所 建立 的 ， 韵 律 被 现代 
和 版 设计 所 吸收 。 节 奏 是 按照 一 定 的 条 理 、 秩 序 、 
重复 连续 地 排列 ， 形 成 一 种 律动 形式 。 它 有 等 距离 
HER, BAME, Kh, KE, ARH, H 
状 、 高 低 等 的 排列 构成 。 在 节奏 中 注入 美的 因素 和 
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“和 谐 是 事物 处 于 多 样 统 - 


情感 的 个 性 化 ， 就 有 了 韵律 ， 韵 律 就 好 比 是 音乐 中 
的 旋律 ， 不 仅仅 有 节奏 ， 更 有 情调 ， 还 能 增强 版 面 
的 感染 力 ， 开 阔 艺 术 的 表现 力 。 我 们 需要 在 排版 设 
计 之 前 梳理 好 清晰 的 思路 ， 主 次 分 明 ， 而 不 是 盲目 
地 去 处 理 元 素 。 经 过 我 们 的 艺术 处 理 ， 通 过 衬 底 或 
描 边 实现 内 容 的 区 分 ， 可 使 网 格 的 整体 均衡 和 具有 
韵律 ， 从 而 创造 出 优秀 的 排版 设计 
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图 3.7 网 格 设计 《 形 与 色 》 





汉 斯 过 鲁 道夫 .波斯 哈 德 的 《 形 与 色 》 
中 的 网 格 设计 ; 充分 运用 毕 达 哥 拉 斯 所 追求 
的 美的 蓝 律 ， 通 过 大 小 、 浙 变 的 排列 构成 ， 使 
\ 用 有 揭 律 的 网 格 使 整个 视觉 效果 密 而 不 乱 ， 并 
\ 且 运用 了 适度 的 比例 和 尺度 ， 使 整体 形成 一 种 
和 谐 的 节奏 美 。 这 种 具有 和 谐 美 的 网 格 ， 使 得 
《 形 与 色 》 繁 杂 的 内 容 得 以 整理 并 实现 韵律 的 
排版 ， 从 而 使 其 主题 清晰 、 视 觉 焦点 突出 。 











2. 对 称 美 

对 称 美 体现 在 统一 中 求 变化 的 过 程 中 。 对 称 
式 网 格 设计 就 内 容 而 言 ， 可 表现 哲学 、 政 治 、 科 
技 、 理 论 、 地 理 、 历 史 、 长 篇 小 说 等 ， 版 面 设 计 采 
用 左 、 右 两 页 ， 两 栏 或 三 栏 结构 ， 每 栏 的 网 格 都 排 
满 ， 左 、 右 两 页 的 外 页 边 的 留 白 尺寸 相同 ， 页 收 和 
页 码 的 位 置 对 称 ， 左 右 两 页 的 结构 互 为 镜像 ， 给 读 
者 一 种 条 理 分 明 、 严 谨 、 理 性 之 感 。 

页 面 中 的 图 片 一 样 是 按 分 栏 位 置 进行 编排 ， 
可 跨栏 不 能 出 栏 线 ， 图 形 一 般 是 偶数 值 ， 左 页 放 一 
幅 ， 右 页 放 一 幅 。 与 传统 的 版 式 不 一 样 的 是 ， 对 章 
式 不 是 居中 式 ， 标 题 、 图 像 、 文 本 等 一 般 采 用 的 是 
左 对齐 式 、 右 对 齐 式 、 上 对 齐 式 或 下 对 齐 式 。 这 
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P — 样 ， 版 面 中 就 具有 不 平衡 的 因素 。 网 格 由 垂直 线 与 
z LI | 水 平 线 相交 构成 网 格 单元 ， 网 格 单元 之 间 的 空白 区 
全 | 域 称 为 分 晤 线 。 对 以 文本 为 主 的 版 式 ， 通 常 使 用 两 
it 00000 | 20002 栏 或 三 栏 简单 的 网 格 : 对 于 以 插图 、 图 片 为 主 的 版 
i [ 式 ， 通 常 使 用 三 栏 以 上 复杂 的 网 格 。 

而 相应 产生 的 不 对 称 式 网 格 设计 ， 一 般 用 于 
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Teri 娱乐 性 的 题材 ， 如 诗歌 散文 、 体 育 、 旅 游 等 ， 其 

| | kain: im 内 容 决定 了 这 种 版 式 的 不 平衡 性 。 不 对 称 的 空白 是 
| 一 个 遐想 的 空间 ， 可 以 是 建筑 的 墙 体 、 动 物 活动 的 

空间 、 女 人 的 香水 味 等 ， 中 国画 留 白 如 同 此 理 。 前 

















外 页 边 距 内 页 边 距 单元 格 。 ”外 页 边 距 








— 人 总 结 了 “奇数 法 ”， 就 是 单 页 中 放 入 奇数 的 网 格 

块 ， 如 放 入 3、5、7 或 9 幅 图 。“ 三 分 法 ”用 来 制造 
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对 称 是 平衡 的 最 好 体现 。 
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图 3.9 网 格 的 分 栏 (一 ) 图 3.10 ”网 格 的 分 栏 (二 ) 


3. 形 式 美 


网 格 设计 的 形式 美 在 于 其 栅 格 设计 ， 它 的 特点 是 重视 比例 、 秩 序 、 连 续 感 和 

现代 感 。 在 视觉 信息 设计 中 ， 要 素 的 组 合 是 很 重要 的 。 组 合 使 得 一 种 要 素 与 另 一 

种 要 素 紧 密 联 系 ， 产 生 直 接 的 联系 和 视觉 关系 。 相 同和 不 同 的 要 素 组 合 在 一 起 就 

ers 产生 了 韵律 感 和 节奏 感 ， 也 产生 了 大 片 的 肌理 感 。 通 过 组 合 ， 版 面 构成 被 简化 ， 
a 而 虚空 间或 未 被 使 用 的 空间 区 得 到 强化 ， 使 得 鲜明 的 视觉 秩序 感 建立 起 来 ， 从 而 





对 存在 于 版 面 上 的 元 素 进行 调整 、 组 合 、 保 持平 衡 或 者 打破 平衡 ， 以 便 让 信息 可 
以 更 快速 、 更 便捷 、 更 系统 和 更 有 效率 被 读 取 。 








| 化 繁 为 简 的 “ 奥 卡 姆 利 刀 ” 


3.4.3 网 格 美的 奇异 性 

1. FAX (动感 的 格子 ) 

我 们 称 网 格 体系 为 “动感 的 格子 ” ， 越 是 错综复杂 的 网 格 ， 设 计 师 可 发 挥 空间 就 越 大 。 网 格 的 划分 形 
成 隐形 的 垂直 线 和 水 平 线 。 版 面 编排 中 各 个 元 素 都 要 接受 它 的 引导 ， 排 列 成 序 。 虽 然 网 格 的 划分 有 助 于 元 
素 的 安排 ， 但 这 并 不 表示 它 的 结果 就 一 定 是 僵硬 无 趣 的 。 就 像 其 他 系统 方法 一 样 ， 如 果 能 够 发 挥 想象 力 ， 
把 它 运用 得 当 的 话 ， 也 会 出 现 很 活 谈 的 效果 。 

有 的 时 候 ， 设 计 内 容 本 身 就 存在 内 部 结构 ， 这 种 结构 是 网 格 所 无 法 理 清 的 有 的 时 候 ， 设 计 内 容 需 要 
完全 放弃 结构 ， 以 便 对 潜在 观众 产生 某 种 特殊 类 型 的 情绪 反应 ， 有 的 时 候 ， 设 计 师 仅仅 需要 把 观众 自身 比 
较 复 杂 的 智力 投入 ， 构 思 成 设计 作品 的 一 部 分 ， 让 观众 在 设计 作品 中 自己 进行 体验 。 
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2. 神秘 美 (隐形 的 格 予 ) f p 

网 格 的 神秘 美 表现 为 网 格 的 隐形 美 与 负 空 间 的 规划 美 。 其 中 ， 负 空间 ( 即 虚 空间 或 白色 空间 ， 就 是 那 
些 没有 被 构成 要 素 占 据 的 室 间 ) 的 规划 美 也 是 概 烙 系统 设计 当中 非常 重要 的 部 分 ， 它 们 的 形状 和 构成 会 直 
接 影响 读者 的 感受 但 是 ， 当 那些 构成 要 素 没 有 得 到 合理 的 编排 与 组 合 ， 使 得 版 面 到 处 都 是 负 空间 时 ， 这 
时 的 负 室 间 就 会 显得 霖 乱 ， 整 体 构成 也 会 显得 混乱 无 译 。 当 那些 构成 要 素 组 合 在 一 起 后 ， 虚 空间 就 变 少 或 
变 大 。 负 空间 设计 可 以 成 为 一 种 实在 的 形状 ， 使 实 的 和 虚 的 空间 错综复杂 地 盘 结 在 一 起 。 

3. 数学 美 (理性 的 格子 ) 

凯 塞 尔 (C.J.Keyser) 说 过 : “数学 是 一 门 万 用 的 ， 并 具有 绝对 真理 的 艺术 。” 和 希腊 艺术 的 特色 为 黄金 
比例 ， 能 够 产生 稳重 和 适度 紧张 的 视觉 效果 ， 所 以 使 用 恰当 的 比例 尺度 是 很 重要 的 。 而 网 格 作 为 艺术 的 产 
物 ， 与 数学 也 有 着 密 不 可 分 的 关系 ， 数 字 使 网 格 整体 变 得 和 谐 、 统 一 ， 网 格 也 因数 字 的 改变 更 为 奇妙 。 每 
一 个 网 格 都 是 精确 的 ， 有 基本 的 单位 、 尺 度 ，3 x 4 的 网 格 系统 吻合 三 的 法 则 ， 也 就 是 说 ， 当 一 个 矩形 或 者 
正方 形 ， 被 水 平 或 者 是 垂直 地 分 成 三 份 ， 结 构 中 的 4 个 焦点 就 是 最 吸引 人 的 4 个 点 。 设 计 师 可 以 使 用 位 置 和 
距离 来 决定 哪些 点 在 层级 感 上 是 最 重要 的 。 

同时 ， 网 格 的 水 平 线 给 人 稳定 和 平静 的 感觉 。 无 论 是 物 的 开始 或 结束 ， 水 平 线 总 能 固定 地 表达 静止 的 
时 刻 ， 而 垂直 线 的 活动 感 正 好 和 水 平 线 相 反 ， 垂 直线 给 人 上 升 的 活动 力 ， 具 有 坚硬 和 理智 意向 ， 也 能 避免 
产生 冷漠 僵硬 的 视觉 效果 。 如 果 不 合理 地 强调 垂直 性 ， 版 式 就 会 变 得 冷漠 僵硬 ， 只 有 将 垂直 线 和 水 平 线 作 
对 比 处 理 后 ， 才 能 找到 最 合适 的 比例 尺度 ， 使 两 者 的 性 质 更 加 生动 ， 让 版 式 看 上 去 不 会 产生 紧凑 和 冷漠 的 
感觉 ， 也 只 有 合理 的 比例 尺度 水 平 线 与 平行 线 才能 互相 扬长 补 短 ， 使 版 式 设计 更 加 完备 。 由 此 可 见 ， 适 度 
的 比例 尺度 在 网 格 设计 中 占有 重要 作用 。 
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图 3.12 ”网 格 系统 


图 3.14 





《神奇 的 比例 》 中 的 插画 (一 ) 
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3.15 Ba 中 的 插画 (二 ) 


达 ， 芬 奇 为 数学 家 由 西欧 里 (L.Pacioi) eo 《神奇 的 比例 》 Pe a Ar AE ENE 
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AEREA LEES, 而 不 是 外 及 
的 概念 。 比 例 的 Lew v 的 分 割 和 规划 (等 边 ) 多 过 > 
形 的 几何 学 : 边 、 五 边 、 六 边 和 十 边 ， 以 及 
不 规则 的 黄金 六 边 形 ， 也 就 是 不 等 边 的 六 边 形 。 这 些 
形状 和 处 处 体现 黄金 比例 的 五 边 形 (包括 五 角 星 ) 充 
分 解释 了 边 长 比例 不 规则 的 矩形 的 结构 关系 。 

这 些 不 规则 的 比例 来 自 规则 的 多 边 形 : 三 角 
形 、 正 方形 、 五 边 形 、 六 边 形 、 十 字 边 形 和 不 规则 
黄金 六 边 形 (插入 两 个 正方 形 ) ， 以 及 它们 的 边 
线 。 德 国 工业 标准 (DIN) 尺寸 就 来 自 于 黄金 六 边 形 
中 的 正方 和 黄金 分 割 。 有 五 角 星 的 五 边 形 或 是 五 星 
三 角 ， 其 各 个 部 分 都 符合 黄金 比例 。 
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由 于 西方 人 的 心态 是 向 外 追求 ， 积 极 认识 、 
探索 自然 奥秘 ， 长 期 达到 利用 自然 、 改 造 自然 之 目 
的 ， 所 以 在 很 早 以 前 西方 便 有 了 网 格 设计 的 概念 。 
之 后 ， 达 ， 芬 奇 的 《神奇 的 比例 》 中 的 插画 也 是 在 
其 基础 上 进行 深化 而 得 到 的 。 图 3.14 网 格 将 人 的 比例 
图 分 割 成 许多 小 格 ， 利 用 网 格 合适 的 比例 尺度 将 图 
形 规范 化 设计 ， 从 而 使 得 图 形 更 加 有 序 和 整体 感 。 

德国 工业 标准 或 标准 尺寸 范围 的 基础 是 
AO=841mm x 1189mm， 比 例 为 1: =1:1.414， 面 
积 为 lm 。 不 断 将 长 边 对 折 分 割 不 会 改变 原 比例 关 
系 。 当 A4 (210mm x 297mm) 纸 面 被 对 折 ， 就 会 产 
MEAS (148mmx210mm) 纸 ， 比 例 为 1:0.707。 标 
准 的 德国 工业 标准 尺寸 比例 是 不 能 被 近似 值 5:7 (BP 
1:1.4) 所 替代 的 ， 因 为 如 果 大 些 尺寸 的 数字 计算 ， 
如 以 210mm 为 例 ， 就 会 同 真正 A4 纸 有 3mm 的 极 大 的 
误差 (210mm x 1.4=294mm) 。 

用 一 个 不 足 量 的 数字 来 替代 1.414 这 个 因数 会 
使 整个 德国 工业 标准 系列 尺寸 失去 其 复杂 性 的 构成 
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性 。 在 实际 使 用 过 程 中 一 一 感光 尺寸 的 比例 不 会 给 人 们 带 来 








任何 算数 问题 ， 因 为 这 些 尺 寸 一 旦 被 确定 ， 便 被 各 个 国家 广 
证 接受 ， 甚 至 是 在 工业 领域 之 外 。 

德国 工业 标准 (DIN) 或 标准 纸张 尺寸 ， 它 的 构成 信 
来 自 于 正方 形 和 比例 1:1.414 (a) ， 而 风景 模式 的 构成 g 
来 自 半 个 正方 形 和 比例 1:0.707 (b) 。 从 最 基本 的 尺寸 L 中 
A0=841mm x 1189mm， 通 过 简单 地 对 折纸 张 ， 得 出 小 些 4 
A1、A2、A3、A4 等 ， 所 有 新 得 的 尺寸 都 同 原 有 的 尺寸 有 共 图 3.16 规则 多 边 形 中 的 黄金 比 网 ja 
同 的 比例 1: 1.414 (c) 。 排 


黄金 分 割 比例 有 一 个 极 特殊 的 特点 ， 如 果 将 一 条 长 度 
为 一 的 线 按照 1:1.618 的 比例 分 割 ， 那 么 较 短 一 边线 和 较 长 


的 一 边线 (姑且 称 之 为 m 与 M) 之 间 的 长 度 差 则 和 M 和 整 
条 线 的 差 ， 也 就 是 比例 m:M 同 M :1 相等 ， 用 数字 表示 ， 即 “| 


0.382 :0.618=0.618:1.0。 这 个 分 割 线 可 以 产生 一 个 数字 序 








列 0.382、0.618、1.0， 然 后 向 两 边 进行 加 或 减 的 延伸 (或 ———___ 
用 两 边 乘 以 0.618 或 1.618) ， 由 此 一 来 0.618、1.0、1.618、 EE = 


2.618, 4.236, 6.854: ALTI AE REAL MRA EBM O 计 
正 促使 了 黄金 分 割 比例 概念 的 出 现 。 被 分 割 的 线 可 以 通过 黄 ~-| N 


金 比例 1:0.618 产 生 风 景 模式 的 矩形 。 比 例 为 1: 1.618 的 肖像 
模式 矩形 是 通过 半 个 正方 形 的 对 角 线 ， 以 及 有 原 正方 形 和 一 


个 黄金 分 割 比例 的 矩形 组 合 构成 的 。 随 着 对 纸 面 边 长 不 断 地 Q 
对 折 ， 出 现 了 一 个 交互 比例 0.809: 1=4: SHI 1.618=5:8, À 
A) e BE SRE ME ERGE) CULE TRARA ， a 


金 分 割 比例 ， 将 自己 所 有 1945 年 后 的 建筑 作品 都 按照 这 种 模 
数 法 体系 进行 比例 设 定 ， 此 类 最 早 的 作品 是 建 于 1947 一 1952 人 
年 马 塞 拉 的 “有 生命 的 个 体 ”。 他 还 用 同样 的 体系 基础 为 自 


b 
BIE CBUNCHAD Se CREAD ULF T NEIMTBRLE 4 < 全 
模 数 法 的 理论 基础 是 二 个 六 英尺 (183cm) 高 的 人 ， 黄 金 分 | 





制 比例 决定 了 所 有 的 尺寸 都 以 “厘米 ”为 单位 、 以 红色 数字 
顺序 列 为 标准 持续 排列 ……27、43、70、113、183、296、 
479、775、226cm， 也 就 是 正方 形 边 长 113cm 的 2 倍 (或 者 模 
数 人 举 起 手臂 的 高 度 ) ， 创 造 出 了 一 个 蓝 色 数 字 序 列 …… 
20、33、53、86、140、226、366、592…… 据 说 勒 * 科 布 吹 ”图 3.17 规则 多 边 形 
去 看 自己 建筑 工地 时 从 来 不 用 折 尺 ， 他 总 是 随身 携带 一 卷 刻 
有 模 数 序列 尺 的 胶带 。 模 数 法 则 尺寸 往往 用 于 巨大 的 建筑 ， 
此 ， 常 用 的 单位 是 “厘米 ”。 但 如 果 将 这 种 法 则 应 用 于 很 
小 的 版 面 设计 中 ， 为 了 清晰 起 见 ， 最 好 使 用 “毫米 ”或 比 
“毫米 ”更 小 的 单位 。 马 塞 拉 “ 有 生命 的 个 体 ” 的 水 泥 浮 雕 
是 在 水 泥 墙 面 拓 印 了 六 个 人 形 浮雕 ， 这 些 浮雕 的 功能 就 是 再 
次 强调 这 个 建筑 内 的 所 有 东西 都 是 按照 人 体 比 例 建造 的 。 
































3.18 规则 多 边 形 (二 ) 
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3.5 经典 案例 分 析 


案例 1 《世界 各 地 语言 研究 》 书 籍 封面 


奥 托 ， 纽 拉 特 长 期 致力 于 探究 怎样 透 过 系统 的 
图 像 来 取代 文字 ， 形 成 一 种 世界 共通 的 语言 。 此 案 
PERHE + 纽 拉 特 一 个 著作 的 封面 ， 封 面 上 是 一 幅 


以 图 文 结合 的 方式 制作 的 表格 ， 用 来 说 明 各 种 语言 
的 使 用 状况 。 看 到 这 张 表 格 首先 给 人 一 种 清晰 明了 
的 感觉 文字 与 图 片 的 排列 紧密 有 序 ， 仔 细 分 析 不 
难 发 现 ， 图 片 中 的 元 素 都 被 放置 在 一 个 隐形 的 网 格 
框架 之 中 ， 网 格 拥 有 自己 内 在 结构 和 组 成 部 分 ， 由 
此 规范 着 每 个 元 素 排列 原则 和 规律 。 


















图 中 划分 图 片 内 容 的 竖 线 是 根据 网 格 的 
框架 结构 定 的 ， 这 样 的 竖 线 组 织 强 调 了 图 片 
内 容 。 由 于 网 格 构 建 后 ， 文 字 、 图 片 等 元 素 
的 具体 组 合 方式 可 以 调整 ， 所 以 表格 文字 机 
竖 不 一 ， 部 分 单元 格 划 分 不 均 。 


【参考 视频 】 


京剧 发 展 及 传播 的 
信息 可 视 化 设计 














这 个 案 昼 让 我 了 和 解 到 网 格林 设 让 中 的 于 此 
性 ， 这 本 书 的 封面 有 那么 多 的 不 同形 状 和 颜色 
的 小 人 组 成 ， 但 却 不 乱 ， 这 与 网 格 的 原则 美 是 
分 布 开 的 。 通 过 对 封面 的 剖析 也 让 我 更 加 明白 
了 网 格 理论 知识 的 应 用 ， 在 分 析 黑 白 网 格 图 时 
也 更 加 了 解 一 个 好 的 设计 是 需要 花 多 少 精力 去 
完成 的 。 














图 片 中 水 平 线 与 垂直 线 构成 了 一 种 对 
比 ， 并 形成 了 韵律 ， 加 强 了 视觉 组 织 感 。 下 
方 的 垂直 线 强烈 的 垂直 强调 ， 从 而 引导 读者 
的 视线 在 页 面 上 从 上 向 下 地 观看 ， 使 整体 有 
一 种 连续 性 。 
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大 标题 和 下 面 的 小 字 占 一 行 ， 中 间 的 图 p 编 

片 占 2 行 ， 下 面 的 文字 占 一 行 ， 网 格 中 的 栏 mae it 

宽 基本 为 图 片 中 人 物 的 宽度 ， 每 一 个 单元 格 Aere 

的 大 小 都 是 图 片 中 一 个 人 物 所 占 的 大 小 。 这 See wae. Nee 

样 ， 网 格 就 建立 起 了 各 个 元 素 的 普遍 联系 。 ENARE, CUEBRI, 








要 素 的 组 合 是 很 重要 的 ， 通 过 对 
奥 托 ”… 纽 控 特 大 师 的 书籍 封面 分 
析 , “可 以 看 出 组 合 使 得 一 种 要 素 与 
另 一 种 要 素 紧密 联系 ,其 中 的 多 种 
和 信物 组 合 就 是 将 块 面 通过 精妙 及 富 
有 韵律 的 网 格 产生 直接 的 联系 ， 产 
生 直 接 的 视觉 关系 。 将 相同 和 不 同 
的 要 素 组 合 在 一 起 就 产生 了 韵律 感 
和 节奏 感 ， 也 产生 了 大 片 的 肌理 
感 ? 就 连 字 体 的 设计 也 是 严格 按照 
网 格 排列 的 。 























3.19 《世界 各 地 语言 研究 》 书 籍 封面 








此 图 表 的 网 格 被 分 为 14 栏 4 行 ， 由 于 是 
以 图 片 为 主 的 版 式 ， 所 以 网 格 比较 复杂 。 越 
复杂 的 网 格 越 能 给 设计 师 更 多 的 灵活 性 。 网 
格 将 每 个 内 容 所 占 的 区 域 进行 了 划分 。 















收集 一 张 有 名 的 设计 大 师 海报 ， 并 到 
行 网 格 分 析 ， 绘 制 出 对 应 的 网 格 排列 图 。 


























“案例 2 CRSA KBE) 2H 
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i 这 本 菱形 的 册子 排版 设计 极其 巧妙 ， 整 T 
人 浪 式 的 格子 ， 设 计 师 在 最 后 一 页 将 这 两 种 格 
隐形 的 网 格 ， 这 也 是 该 作品 的 几 力 之 外 

， 了 版 面 中 波浪 式 的 动 

欧 律 ， 为 观 者 带 来 了 视觉 上 的 训 

受 ， 更 能 激发 观 者 基 种 情 络 上 的 反应 。 


























这 则 案例 让 我 了 解 到 网 格 设 
计 并 不 只 是 规 规 矩 矩 的 方 格 状 ， 也 
是 可 以 多 变 的 ， 如 “V7” 形 、 波 浪 
形 等 ， 这 些 变 方 格 可 以 给 整个 
设计 带 来 活力 ， 让 人 有 耳目 一 新 的 
感觉 ， nate 文 种 网 格 设计 还 是 
要 遵循 一 定 的 规律 ， 不 能 想 怎么 设 












计 ， 就 怎么 设计 ， 不 然 会 适 得 其 “V” 形 的 网 格 让 设计 作品 富有 节奏 感 
反 ， 本 来 想 让 设计 更 加 新 颖 ， 却 设 和 韵律 感 ， 横 向 的 网 格 将 整个 内 容 贯 穿 其 中 





计 得 杂乱 无 章 。 一 种 连续 性 。 














波浪 式 的 网 格 让 设计 作品 富有 韵律 感 ， 
横向 的 网 格 将 整个 内 容 贯 穿 其 中 保持 一 种 连 
续 性 ， 整 个 网 格 设计 得 非常 巧妙 。 在 小 册子 
最 后 一 面 加 上 了 一 张 印 有 意大利 文 的 透明 
页 ， 绿 色 的 意大利 文 与 下 面 黑色 的 德 文 形成 
了 一 种 丝绸 的 波纹 效果 。 











图 3.20 





《石笋 与 
钟乳石 /灯光 
控制 台 》 姜 形 册子 的 展开 图 展 




















开 后 可 以 发 现 整个 版 面 呈现 
“V” 形 。 设 计 师 放弃 传统 网 
格 结构 ， 运 用 了 格子 的 动感 ， 
将 格子 划分 成 隐形 的 水 平 线 ， 
由 版 面 中 的 格子 随 着 “V” 形 
的 网 格 引 导 ， 形 成 了 一 系列 动 
感 的 和 格子。 波浪 式 的 网 格 让 设 
计 作 品 富有 十 足 的 韵律 感 ， 显 
得 十 分 巧妙 。 














收集 异形 网 格 设 计 作 
品 ， 并 分 析 网 格 与 作品 之 间 的 








《 石 第 与 钟乳石 /灯光 控制 台 》 萎 形 册子 











第 一 种 网 格 结构 是 横向 的 ， 小 册子 上 的 文字 部 分 遵循 的 就 是 这 种 
格 。 第 二 种 是 与 纸张 的 形态 保持 一 致 的 “V” 形 网 格 结构 ， 为 大 面积 
片 提供 参照 ， 这 时 图 片 就 和 小 册子 本 身 一 样 ， 呈 现 有 节奏 的 波浪 运动 。 
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案例 3 书籍 网 格 一 一 《针灸 》 


本 书 用 图 解 设计 的 方式 传授 针 侨 过 程 及 针 侨 
的 发 展 历史 和 变迁 ， 运 用 现代 的 设计 手法 ， 表 现 悠 
久 的 针 侨 传统 ， 以 新 颖 的 信息 图 解 语言 设计 表现 中 
国 针灸 文化 。 在 书 中 人 人们 可 以 了 解 针 侨 的 种 类 和 手 














法 、 针 侨 时 的 各 种 姿势 、 穴 位 的 各 种 功能 。 此 书籍 
设计 是 作者 一 次 大 胆 的 创新 。 


这 本 书 详细 描述 了 中 国 针灸 的 
手法 与 步骤 ， 在 编排 上 ， 图 文 结合 
得 很 到 位 ， 时 而 图 多 文 少 ， 时 而 图 
少 文 多 ， 但 都 离 不 开 图 解 设计 。 这 人 
本 书 严格 遵守 了 网 格 排列 证 整个 
画面 看 上 去 更 加 有 秩序 全 虽然 图 和 
文 都 很 多 ， 但 是 由 于 严格 的 网 格 排 
I, ERBE EAJK ZAL, T 
得 井然 有 序 ， 更 好 地 表达 了 针 儿 的 
知识 ， 可 见 ， 网 格 的 力量 是 不 容 小 
B 
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【参考 视频 】 








《阅读 时 代 》 信 息 
可 视 化 设计 
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图 3.21 





书籍 网 格 一 一 《 针 炙 》 





教师 点 评 


ta) PAT 
传达 给 读者 准确 的 信 
息 ， 体 现 出 十 分 逼真 的 效果 ， 故 采用 
白描 的 具象 信息 图 解 形式 描绘 扎 针 行 
针 的 动作 。 十 四 条 经 络 的 选 色 借鉴 了 
伦敦 地 铁 图 的 色彩 原理 ， 采 用 了 七 大 
色彩 ， 每 套 又 分 深浅 色 度 ， 共 十 四 
色 。 特 别 引 入 中 国 书法 字体 将 具有 中 
特色 传统 文化 的 信息 向 读者 传递 。 
在 版 式 卡 一 丛书 采用 统一 网 格 排版 ， 
失 有 节奏 与 韵律 美文 字 的 段落 在 隐形 
的 秩序 中 体现 和 谐 优 雅 的 美感 。 双 开 
页 设计 ， 不 仅 可 以 通过 跨 页 设计 这 种 
舒展 的 形式 展示 更 多 的 信息 ， 而 且 在 
标题 与 内 页 的 部 分 以 墨宝 的 笔迹 与 留 
白 营造 出 通 透 的 平面 空间 ， 从 而 经 
E EREA, WIED” WIK 
局 美 。 


每 个 页 面 都 是 由 大 小 相等 的 正方 
形 方块 组 成 ， 每 个 方块 之 间 也 有 相等 
的 空隙。 无 论 是 文字 还 是 图 形 ， 都 严 
格 按照 比例 进行 排列 。 文 字 都 是 左 对 
齐 形式 工整 的 罗列 ， 每 排 紧 栏 文字 之 
间 的 空隙 为 一 个 方块 。 
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1 文字 虽然 很 多 ， 但 是 严格 按照 网 


格 排序 之 后 ， 整 个 画面 井然 有 序 ， 并 
没有 混乱 的 感觉 ， 能够 很 好 地 引导 观 
众 阅 读 和 吸取 针灸 的 知识 信息 。 图 和 
文 都 由 隐形 的 线 相 隔 ， 整 齐 而 简洁 ， 
具有 很 强 的 网 格 韵 律 美 。 
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案例 4 书籍 网 格 一 一 《 黑 与 白 的 世界 》 





《 黑 与 白 的 世界 》 是 一 本 向 世界 介绍 中 国 传 
统 书法 文化 的 英文 精装 书籍 。 在 书 中 ， 人 们 可 以 了 
解 文房四宝 的 种 类 ， 学 习 书 法 担 笔 的 各 种 姿势 ， 了 
解 手指 的 各 种 功能 。 尤 其 是 在 学 写 书法 的 方法 一 章 
中 ， 用 图 解 设计 的 方式 传授 永 字 八 法 ， 以 及 以 欧阳 
询 字 帖 为 范本 的 各 种 基本 笔画 的 书写 方法 。 























书 中 运用 黑白 的 手绘 图 解 手 法 ， 将 毛笔 的 握 笔 姿 势 、 运 笔 手 法 ,以 及 写字 步骤 进行 详细 的 说 
明 。 图 多 文 少 的 形式 让 人 们 能 够 更 加 清楚 和 快速 地 学 习 毛 笔 的 运用 。 由 于 讲述 的 是 中 国 历史 悠久 
的 毛笔 技艺 ， 所 以 结合 其 相应 的 特征 ,设计 了 黑白 并 且 简 洁 的 排版 设计 。 整 本 书 遵循 严格 的 网 格 
HEA, ARE, AHAB. 
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若 想 在 书 
籍 设 计 方向 上 
取得 更 大 的 创意 空间 ， 就 必须 
深入 地 研究 版 式 设 计 的 法 则 和 
规律 性 ， 使 其 具有 规律 的 合理 
性 操作 和 掌控 的 技法 。 一 个 最 
基本 的 目标 就 是 如 何 理解 和 党 
握 版 式 中 的 网 格 系统 ， 要 将 这 
理论 应 用 于 实践 并 不 简单 ， 
要 经 过 一 定时 期 的 版 面 实践 才 
能 深入 理解 和 表达 。 
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图 3.22 书籍 网 格 一 一 《 黑 与 白 的 世界 》 





整 本 书 由 大 小 一 致 的 方 格 有 秩序 排列 组 成 ， 版 式 都 采用 上 图 下 文 的 形式 ， 让 书 看 上 去 


更 加 整体 。 黑 白灰 的 结合 与 本 书 的 主题 “书法 ”相得益彰 。 同 时 ， 书 法 也 讲究 “网 格 ”， 
从 图 中 “ 米 ” 字 格 可 以 看 出 ， 毛 笔 字 也 是 严格 按照 格子 的 大 小 和 位 置 书写 的 ， 这 与 书籍 的 
网 格 排版 大 同 小 异 。 通 过 悠久 的 书法 历史 也 可 以 看 出 ， 网 格 的 产生 有 着 悠久 的 历史 。 
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辨别 方向 并 非 是 一 种 与 生 俱 来 的 能 力 ， 更 不 是 可 有 可 无 的 能 力 ， 而 是 一 个 生存 的 前 提 条 件 。 
正如 与 环境 的 对 话 是 我 们 生命 的 一 部 分 ， 对 地 点 和 方向 的 判断 更 是 每 个 人 获取 自由 与 树立 自我 
意识 的 前 提 条 件 。 换 身 话说， 要 想 知道 “去 往 何 处 ”， 首 先 必 须 了 解 “ 身 在 何 处 ”， 诸如 此 类 。 


—— fit + XL (Otl Aicher) 


41 相关 概念 


在 德语 字典 里 并 没有 关于 公共 形象 识别 设计 (Signa-letik)、 导 向 系统 (Orientierungs System) 和 指引 系统 
(Leit System) 的 解释 。 这 些 概念 如 同 这 门 学 科 一 样 ， 都 是 前 所 未 有 的 ， 对 系统 性 设计 的 思考 是 全 新 的 ， 将 设 
计 系 统 化 是 适应 当今 错综复杂 的 技术 和 功能 要 求 的 产物 。 指 引路 线 是 人 类 历史 上 百 古 不 变 的 行为 ， 如 箭头 
符号 是 方向 标记 的 元 老 ， 交 叉 路 口 边 的 石 埃 是 道路 标记 的 委 形 。 

在 这 些 概念 中 ， 数 量 和 时 间 扮 演 了 重要 的 角色 ， 为 庞大 的 人 群 在 尽量 短 的 时 间 内 提供 了 一 目 了 然 的 信 
息 ， 也 成 为 设计 师 新 的 使 命 。 在 医院 、 展 会 或 机 场 ， 人 们 总 是 希望 能 尽快 地 到 达 目的 地 ， 但 是 在 这 些 复杂 的 
空间 环境 里 ， 摆 在 人 们 面前 的 却 是 没完 没 了 的 楼 层 、 区 域 和 入 口 。 E -个 功能 强大 的 导 视 
系统 设计 对 处 于 狭小 空间 (如 飞机 、 公 交 车 和 火车 ) 内 的 人 们 来 说 ， 同 祥 也 是 必 不 可 少 的 ， 龙 其 是 对 出 行 线 
路 时 刻 表 的 设计 。 伦 敦 地 铁 的 导向 系统 ， 便 是 第 一 个 将 文字 和 图 形 规范 化 地 结合 在 一 起 的 系统 设计 。 

火车 和 飞机 的 出 行 线路 时 刻 表 ASME SURGE HE, 它们 都 能 传达 信息 、 指 引 方向 ， 同 
样 ， 大 学 的 课程 表 也 提供 了 教师 和 学 生 位 置 的 导向 信息 。 示 章 并 不 是 针对 此 类 信息 系统 进行 介绍 ， 而 是 重 
点 介绍 对 空间 导向 系统 的 信息 设计 。 y 

4.1.1 公共 形象 识别 OA) 

一 个 建筑 物 的 形象 可 以 通过 图 形 和 字 kL HY 来 。 如 果 一 个 会 \ 司 用 文字 、 字母 、 对 其 建筑 物 进 
行 细心 周到 地 标注 ， 这 不 但 体现 了 公 司 友善 的 形象 ， 而 且 基 意义 也 远 远大 于 不 做 标注 只 是 一 味 罗 列 对 位 置 
或 地 点 的 说 明文 字 。 从 字 面 的 意思 来 说 ， Signal 意 为 信号 ， 在 法 语 中 解释 为 描述 、 展现 ， 瑞士 语 中 该 词 来 
源 于 德国 ， 因 此 当 瑞 士 人 提 到 导 疝 系统 时 ， 也 会 把 1 CRH, “公共 形象 识别 ”(Signa-letik) 或 是 capa 
> (Beschriftung Ssystem) s TASER E SEA RENEE “标志 系统 ”(Signage System), “AJERIH 

I” 具有 很 积极 的 含义 ， 比如 暗示 、 流 露 ， 同时 还 含有 标牌 、 标 识 、 标 记 的 意思 。 与 “导向 系统 ” 相 比 ， 
En n HIE ME FAA ESN I, 它 赋 也 建筑 物 鲜明 的 形象 和 个 性 。 




















图 4.1 RA + 耶稣 教堂 的 
公共 形象 识别 


ils AS H+ 耶稣 教 
堂 〈 弗 克 林 根 "路 德 
WW) 的 公共 形象 识 
别 : 教堂 大 门 上 的 文 


字 赋 予 了 教堂 明确 的 





【参考 视频 】 
oe to 形象 ， 这 类 设计 可 以 
3 被 称 为 “公共 形象 识 
[Ey 别 设计 ”。 

COMOTION 2015 


4.1.2 FWA 


设计 界 泰 斗 安 东 " 施 坦 科 夫 斯 基 (Anton Stankowsk) 曾 表示 ， 他 对 “指引 系统 ”(Leit System) 这 种 说 法 
不 能 苟同 ， 这 个 词语 过 于 强硬 ， 以 至 于 让 人 感觉 好 像 处 在 被 动 的 状态 下 ， 被 牵 着 鼻子 走 ， 而 “导向 系统 ” 
的 概念 则 更 倾向 于 让 人 自主 选择 。 按 照 字面 上 的 理解 ，“ 导 向 系统 ”和 “指引 系统 ”在 视觉 传达 上 也 是 大 
相 径 庭 的 ， 后 者 过 于 强硬 的 指 路 方式 难免 车 人 不 快 ， 甚 至 带 有 很 强烈 的 “自我 为 中 心 ”和 “自以为是 ”的 
意思 。 在 德语 中 “使 导向 ”(Sich zu orientieren) 这 个 表达 方式 是 个 反 身 动词 ， 很 显然 ， 它 更 设身处地 为 人 
考虑 ， 此 外 ， 一 套 恰到好处 的 导向 系统 是 内 化 的 ， 它 能 在 人 们 需要 的 时 候 随 叫 随 到 ， 及 时 、 准 确 地 传达 信 
息 ， 或 者 不 动 声色 地 在 一 旁 待命 ， 丝 毫 不 干扰 到 访 者 的 视线 ， 而 与 之 相差 其 远 的 “指引 ”(Leiten) 则 充满 了 
领导 、 统 治 和 管理 的 意味 。 

导 视 系统 不 仅仅 是 简单 的 信息 指示 牌 ， 它 可 以 给 建筑 物 一 个 明确 的 形象 定位 。 从 国际 设计 界 来 看 ， 中 国 对 
于 导 视 设计 的 研究 还 处 于 起 步 阶 段 。 很 多 发 达 国 家 在 20 世 纪 80 年 代 ， 就 对 导 视 设计 给 予 了 很 高 的 重视 。 
城市 或 者 地 区 的 视觉 语言 是 最 纯粹 也 是 最 真实 的 东西 ， 而 这 种 视觉 语 4 体 体现 正 是 该 城市 或 该 地 
区 的 整体 视觉 导向 系统 设计 。 对 于 到 达 某 地 的 参观 者 而 初 到 某 地 的 瞬间 感觉 与 经 历 左 右 着 他 们 对 此 地 
ASHE, : 越 是 第 一 感觉 就 越 能 带 给 参观 者 对 于 某 地 正面 或 负面 的 印象 , “而 且 这 种 印象 通 DEN 
长 ， 在 一 定 的 程度 上 能 够 影响 该 地 的 整体 形象 。 

4.1.3 指引 系统 

“指引 系统 ”是 一 个 缺乏 亲和力 的 词语 ，“ 导 向 ”这 个 单词 的 意思 是 “ 某 人 被 某 物 告知 ”，“ 使 某 物 
参照 某 物 ”， 这 听 起 来 比 古代 德语 动词 “指引 ”舒服 多 了 六“ 指引” 上 更 接近 英语 中 的 “带领 ”(to 
lead) 或 者 古老 一 些 的 “引路 ”(load)， 与 之 类 似 的 还 有 中 古 高 地 德语 时 期 的 “领导 人 (Leiter)” 和 古 高 地 德 
语 时 期 的 “领袖 (FuhreD”。 尽 管 “领袖 ”可 以 是 介 善 解 人 意 的 领导 者 ， 但 是 至 少 再 德语 地 区 ， 由 于 历史 原 
因 ， 这 个 字眼 多 多 少 少 带 了 点 不 太 友善 的 色彩 。 

对 于 导向 的 概念 ， 我 的 理解 是 : 如 何在 一 个 特定 的 空间 内 找到 自己 的 位 置 。 假 设 我 身 处 在 
一 间 芍 悉 的 ， 但 是 漆黑 一 片 的 房间 里 ， 那 么 我 只 有 借助 浆 悉 的 物体 (往往 凭借 记忆 ) 来 辨别 方 
向 从 宏观 的 角度 看 ; 这 种 能 力 不 仅 与 空间 发 生 关 系 ， 而且 还 存在 于 我 们 的 思维 意识 中 ， 也 
就 是 理性 的 导向 能 力 。 
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一 一 伊 马 努 埃 尔 。 康 德 (Lmmanuel Kant) 


4.2 ”基础 理论 


图 4.2 ”斯图加特 新 展览 中 心 的 导向 系统 





应 该 在 什么 样 的 高 度 传达 

息 ， 取 决 于 环境 的 要 求 ， 如 
公共 汽车 司机 、 火 车 司机 、 行 
人 和 轿车 司机 是 通过 不 同 的 视 
角 来 阅读 信息 的 。 
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黄金 定律 的 “163 厘 米 视点 ”是 毫 无 意义 的 ， 
其 出 处 不 得 而 知 。 它 很 可 能 通过 数学 运算 的 方式 ， 
而 不 是 通过 以 应 用 为 目的 的 试验 方式 得 出 的 结论 。 
一 般 来 说 ， 我 们 对 所 有 的 规则 都 要 问 “为 什么 ”， 
这 条 定律 也 不 例外 。163 厘 米 这 个 尺寸 可 以 被 理解 
为 ， 此 高 度 最 适合 传达 信息 的 位 置 。 它 很 可 能 是 所 
有 欧洲 人 的 平均 视点 ， 但 是 却 不 一 定 适用 于 非洲 、 
亚洲 等 地 的 居民 ， 这 一 高 度 对 墙 面 比例 的 分 割 是 不 
合理 的 。 较 好 的 解决 方式 是 ， 将 图 形 或 文字 信息 融 
入 从 天 花 板 和 地 板 到 墙 面 的 过 渡 中 ， 这 样 所 传达 的 
信息 就 有 更 好 的 视觉 立足 点 ， 信 息 可 以 与 建筑 的 空 
间 结 构 更 好 地 结合 在 一 起 。 

当 我 们 保持 直立 的 姿势 时 ， 眼 睛 是 一 直 向 前 看 
的 ， 这 时 我 们 的 眼睛 会 产生 一 个 视觉 区 域 ， 这 个 区 
域 的 中 心 点 从 地 面 算 起 大 约 是 163 厘 米 处 。 当 然 我 
们 一 般 不 会 以 直立 的 姿势 在 走路 ， 当 我 们 行走 时 ， 
头 会 略 向 前 伸 ， 视 点 也 就 会 略微 向 下 ， 由 此 也 就 不 
能 将 信息 放置 于 视点 163 厘 米 的 高 度 ， 而 145 厘 米 才 
是 一 个 比较 适合 的 安装 高 度 。 

在 展览 会 或 机 场 内 提供 导向 信息 时 ， 比 较 明确 
的 安装 方式 是 将 信息 置 于 站 立 着 的 人 上 方 的 位 
置 。 在 人 群 密集 的 场合 ， 指 示 牌 仍然 可 以 被 清楚 地 
看 到 ， 同 样 ， 公 路 的 指示 牌 ， 由 于 司机 在 车 内 坐 的 
位 置 比较 高 ， 所 以 在 设计 的 时 候 必须 要 注意 信息 的 
位 置 也 要 达到 足够 的 高 度 。 

















图 4.3 - 粤 斯 纳 布 吕 克 专科 大 学 的 导向 系统 





奥 斯 纳 布 吕 专 科大 学 的 导向 系统 





4.2.1 光线 在 这 个 设计 中 ， 设 计 师 利用 了 人 了 眼 的 自然 
发 光 的 指示 上 牌 不 仅 为 了 美观 ， 在 有 些 情 况 下 是 视角 ， 在 十 米 之 内 ， 行 人 可 以 不 用 抬头 就 能 看 到 
必需 的 。 比 如 机 场 就 闻 须 采用 发 光 的 信号 和 指示 ， 天 花 板 上 面 的 导向 信息 。 
由 于 机 场 环境 的 特殊 性 ， 一 个 发 光 的 信号 可 能 更 








容易 被 识别 ， 将 照明 与 导向 结合 起 来 ， 不 仅 在 功能 上 补充 导向 信息 ， 使 之 更 容易 被 识别 ， 而 且 外 形 也 很 美 
观 。 况 且 ， 美 观 也 是 功能 的 一 个 因素 ， 灯 光 就 像 天 空中 的 星宿 一 样 ， 可 以 给 人 指 路 。 灯 光 也 可 能 会 造成 过 
于 耀眼 的 视觉 效果 ， 在 科隆 一 伯 因 机 场 的 导向 系统 中 ， 设 计 师 使 用 了 一 种 亚 光 的 贴纸 ， 以 便 尽 量 减少 反射 
效果 ， 防 止 反光 造成 阅读 困难 ， 在 光线 弱 的 地 方 (如 地 下 停车 场 ) 可 以 采用 吸光 材料 或 者 具有 高 度 反光 性 
的 贴纸 来 制作 文字 。 

















在 市 场 上 有 各 种 各 样 的 灯箱 和 发 光 产 品 ， 但 是 大 部 分 产品 的 视觉 效果 不 理想 。 在 导 
视 系统 中 安装 照明 设备 会 提高 设计 造价 ， 并 且 需 要 时 常 打 理 ， 所 以 设计 之 初 必须 使 投资 
就 意味 着 制作 开销 会 比较 大 ， 施 















【参考 视频 】 工 前 可 以 对 不 同 的 供应 商 进 行 比较 ， 并 选择 合适 价位 的 供应 商 ， 尽 快 让 厂家 制作 功能 模 
f 型 ， 尽 早 对 照明 效果 进行 检测 。 
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CHECK-IN 601-699 图 4.5 ”斯图加特 机 场 导 向 系统 (二 ) 








在 斯 图 加 特 机 场 的 导向 系统 中 ， 设 计 师 

AN TAan 通过 背光 来 突出 机 场 的 导向 信息 。 设 计 师 通 
BELA BL Bb BEARCAT TOME UREA 

aa. a (1), 增加 指示 牌 的 面积 ， 使 人 的 眼睛 在 明 

FE HJE ARRENGAR, AAN 





上 E 面 的 文字 信息 也 因此 获得 最 佳 的 视觉 效果 。 

(2) 黑 、 白 两 种 字体 颜色 与 各 自 的 背景 
色 之 间 都 能 形成 强烈 的 反 

(3) 使 用 粗 体 字 达到 在 页 面 上 强调 的 视 

(4) 用 背面 有 图 层 的 玻璃 或 有 机 玻璃 做 
肯 示 牌 时 ;正面 的 文字 或 标识 最 好 使 用 白色 。 
使 用 可 更 换 的 即时 贴 为 材料 ， 所 以 上 面 的 文 
从 背景 上 投下 很 明显 的 阴影 ， 但 会 降低 
图 4.4 斯图加特 机 场 导 向 系统 -( 一 ) 文字 的 可 读 性 。 
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4.2.2 字体 

1. 字体 的 可 读 性 

平面 设计 师 扬 。 契 霍 尔 德 曾经 对 字体 设计 进行 过 详细 的 论述 ， 虽 然 这 些 关 于 字体 的 指导 性 原则 在 今天 
依然 发 挥 着 不 可 或 缺 的 作用 ， 但 是 ， 在 设计 一 个 导向 系统 时 ， 这 些 原则 也 并 非 是 一 成 不 变 的 。 作 为 一 名 优 
秀 的 设计 师 应 学 会 灵活 地 运用 这 些 方法 和 规律 ， 并 在 此 基础 上 创造 新 的 可 能 性 。 

每 个 建筑 空间 或 场地 都 需要 一 种 与 其 相 匹配 的 字体 ， 如 造型 简练 、 无 装饰 性 的 Frutiger 会 与 巴洛克 式 的 
建筑 风格 大 相 径 庭 ， 而 华丽 的 、 充 满 装饰 风格 的 Antiqua 用 在 机 场 更 是 不 合 时 宜 。 

2. 字体 的 造型 

选择 一 款 合适 的 字体 需要 考虑 到 多 方面 的 因素 ， 哪 款 字体 能 够 配合 建筑 的 风格 ? 哪 款 字体 可 以 体现 公 
司 的 形象 ? 所 选择 的 字体 是 否 落 于 俗套 ? 一 般 来 说 ， 带 有 装饰 的 字体 不 太 适用 于 导向 系统 。 因 为 导向 系统 
最 终 的 目的 是 通过 简练 、 清 晰 的 视觉 语言 发 挥 其 传达 信息 的 功能 ， 粗 细 一 致 的 无 饰 线 字 体 恰恰 可 以 满足 导 
向 系统 的 要 求 。 

在 导向 系统 中 ,文字 的 篇 幅 是 有 限 的， 信息 的 传达 往往 简练 而 概括 。 有 时 ， 导 向 信息 会 




























以 单个 字母 开 者 单词 的 形式 出 现 ， 字 母 的 外 形 要 配合 版 面 及 指示 牌 的 外 形 。 一 般 来 讲 , 由于。 hoger 
大 部 分 指示 牌 的 外 形 是 矩形 的 。 因 此 ， 造 型 简洁 、 笔 画 概 括 的 字体 (无 饰 线 字体 ) 能 够 与 指 Ea 
示 牌 棱角 分 明 的 外 形 相 呼应 ， 而 造型 复杂 ， 笔 画 多 变 的 字体 ( 饰 线 字体 ) 对 外 形 工 束 的 指示 K 

牌 来 说 是 一 种 干扰 。 ra 
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但 是 ， 设 计 师 格拉 德 “ 翁 格 尔 为 罗马 2000 年 庆典 活动 的 导 


向 系统 设计 了 一 款 饰 线 字 体 。 这 个 例子 恰恰 说 明了 导向 系统 中 
的 字体 设计 是 没有 绝对 的 、 一 成 不 变 的 指导 性 原则 。 设 计 师 打 
破 常规 ， 有 针对 性 地 对 案例 进行 了 分 析 ， 如 果 在 此 使 用 造型 简 
洁 、 现 代 的 无 饰 线 字 体 ， 不 但 会 使 该 导向 系统 缺乏 特色 ， 而 且 


会 与 城市 悠久 的 历史 及 古典 的 建筑 风格 背道而驰 。 


ened 
mea 








将 Univers 与 Times 两 种 字体 进行 比较 。 我 们 发 现 ， 饰 
线 体 Times 的 造型 明显 比 Univers 要 复杂 。 它 的 笔画 指向 不 同 
的 方向 ， 而 且 宽 窗 不 一 ， 因 此 在 视觉 上 造成 了 不 稳定 的 因 
素 。 而 Univers 的 造型 简洁 、 概 括 ， 大 部 分 笔画 成 直角 ， 并 
且 笔 画 的 宽度 一 致 。 所 以 ， 它 更 适用 于 和 矩形 的 指示 牌 。 一 
般 来 讲 : 无 饰 线 字体 要 比 饰 线 字体 更 适用 于 导 视 系统 。 








3. 字体 大 小 


检验 字体 大 小 是 否 合适 最 简单 有 效 的 方法 是 将 文字 按 原 大 a 
小 打印 在 纸 上 ， 并 从 实际 阅读 的 距离 观察 。 kh 
在 设计 阶段 ， 为 了 检验 字体 大 小 及 它 与 空间 的 位 置 关系 ， 


它 放 在 一 个 与 该 建筑 物 类 似 的 空间 尺度 中 观察 。 很 多 字体 NA Se 


虽然 在 电脑 屏幕 上 看 起 来 正确 ， 但 是 一 旦 把 它们 放 到 实际 评 境 当 。 加 4 6 UniversSTimes 两 种 字体 的 比较 图 
中 ， 则 可 能 由 于 空间 尺度 的 变 大 ， 使 它们 看 上 去 大 人 


4 字体 的 比较 1 x» ON 

Shin RE EGA RUE ETT 往往 会 到 很 多 种 适 从 的 字体。 有 些 字体 是 专门 为 某 些 特殊 
ee et Polo 就 是 一 款 众 不 同 的 字 体 。 对 于 体现 公司 形象 来 说 ， 它 再 适合 
不 过 了 ， 同样 专门 用 于 公司 形象 字体 还 有 Futura、 cam 在 导向 系统 中 ， 单 个 字母 或 数字 有 时 会 被 
放大 使 用 ， 比 如 “Gate ATS ( 登 机 口 A) ， 字 体 形 特点 也 随 之 显现 出 来 。 由 于 某 些 字形 只 适用 于 小 
号 字 ， 放 大 后 的 字 会 产生 不 稳定 的 视觉 效果 ， 而 下 看 上 去 缺乏 整体 感 。 





图 4.7 字体 比较 


【参考 视频 】 
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为 什么 我 们 
REPE? 








对 不 同 的 字体 进行 比较 要 遵循 不 同 的 标准 ， 上 图 恰恰 说 明了 字 的 宽度 不 是 衡量 字体 易 读 性 的 标准 。 
Vectora 和 New Gothic 两 种 字体 在 Adobe lllustator 软 件 中 被 设 定 为 24pt 的 字号 ， 尽 管 字号 相同 ， 但 是 两 种 
字 的 宽度 确 各 不 相同 。 而 且 New Gothic 大 写字 母 的 高 度 比 Vectora 还 要 高 出 了 2%， 如 果 为 了 使 这 两 种 字 
体 的 大 写字 母 H 的 高 度 一 致 ，New Gothic 要 缩小 ， 然 后 ， 将 Vectora 缩 小 ， 使 其 词 的 的 宽度 与 New Gothic 
相同 。 在 字 的 间距 基本 相同 的 情况 下 ，Vectora 需 要 缩小 14%， 保 持 了 与 New Gothic 同 样 的 易 读 性 ， 所 以 
Vectora 字 体 适 用 于 紧凑 的 版 面 。 这 个 例子 说 明了 ， 字 体 的 易 读 性 在 很 大 程度 上 取决 于 小 写字 母 的 高 度 。 























对 于 字体 的 比较 ， 这 一 过 程 在 电脑 上 的 操作 中 和 现实 打印 出 的 效果 及 过 程 是 不 同 的 。 在 导 视 系统 设 
计 中 ， 所 做 的 设计 都 是 要 从 电脑 中 输出 ， 通 过 不 同 的 材质 制作 出 来 ， 其 大 小 及 效果 的 成 品 与 电脑 会 有 误 
差 。 为 了 将 这 些 误差 降 至 最 低 ， 因 而 对 字体 的 比较 ， 不 仅 是 字 与 字 的 比较 ， 同 时 ， 字 体 在 环境 中 的 大 小 
尺寸 也 是 要 比较 的 。 
最 终 ， 所 设计 出 的 导 视 系统 就 是 为 了 人 们 的 出 行 及 生活 带 来 便捷 ， 因 而 导 视 系统 传达 出 的 导 视 信息 
应 当 简 洁 明 了 、 清 晰 直观 ， 这 就 要 求 导 视 系 统 的 字体 应 该 可 读 性 较 强 ， 其 字体 的 造型 应 与 导 视 系统 的 整 
体 及 环境 协调 。 
因此 ， 在 导 视 系统 设计 中 对 字体 的 把 握 是 相当 重要 的 ， 同 时 在 导 视 系统 字体 的 安排 及 设计 中 ， 对 字 
| 体 的 细节 部 分 也 要 注意 ， 从 而 更 好 地 完 ， 为 人 们 的 生活 带 来 便捷 。 














5. 字体 的 选择 

衡量 一 款 字体 是 否 适用 于 导向 系统 的 标准 不 是 唯 -- 汐 ， 除 了 字体 本 身 所 具有 的 造型 特征 以 外 (如 字体 
的 易 读 | E 的 宽度 等 ) ， 字 体 的 风格 是 否 与 建筑 设计 的 风格 及 空间 环境 相 协调 也 是 选择 字体 的 一 个 关 
键 因素 ， 当 设计 师 为 某 个 导向 系统 选择 了 一 款 合适 的 字体 时 ， 必 须 自问 : 为 什么 这 款 字体 适用 于 该 导向 系 









统 ? 它 在 哪些 方面 ， 以 及 在 多 大 程度 上 适合 7 在 此 展示 的 几 个 设计 案例 将 针对 字体 的 特性 及 它 与 所 处 的 环 
境 进行 具体 分 析 。 


图 4.8 斯 图 加 特大 学 电子 工程 学 院 的 导向 系统 ( 左 ) 


图 4.9 斯 图 加 特写 字 楼 的 导向 系统 〈 右 ) 
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斯 图 加 特大 学 电子 工程 学 院 的 导向 系统 : 从 建筑 的 空间 结构 到 材料 的 运用 ， 处 处 体现 了 设计 师 对 
细节 的 关注 。 学 院 的 导向 系统 在 注重 功能 的 前 提 下 ， 还 强调 了 色彩 的 变化 和 字体 的 运用 。 细 致 、 稳 重 的 
Helvetica 与 大 楼 丰富 的 灰 调 色 (紫红 色 、 深 绿色 、 灰 色 ) 融 为 一 体 ， 营 造 了 优雅 的 气氛 。 

斯 图 加 特写 字 楼 的 导向 系统 ， 大 厅 地 面 上 的 金属 字母 传达 着 重要 的 导向 信息 。 设 计 师 选用 了 
Linotype Unvers 作为 写字 楼 导向 系统 的 专用 字体 ， 这 款 字体 是 阿 德里 安 " 弗 鲁 蒂 格 于 1998 年 在 Univers 的 
基础 上 设计 的 。 经 过 修改 后 的 Univers， 造 型 更 沉稳 ， 结 构 更 严谨 ， 尤 其 是 它 的 大 写字 母 能 够 与 地 面 上 的 
地 砖 分 割 线 彼此 呼应 。 




















相关 链接 


http://www.uni-stuttgart.de/home/ 








斯 图 加 特 巴 登 - 符 腾 堡 州 国家 银行 服务 中 心 的 楼 层 形象 识别 。 银行 服务 中 心 的 楼 层 编号 选用 了 保 
D o. 伦 纳 设计 的 字体 Futura， 这 款 字体 的 特点 是 它 的 外 形 非常 接近 于 几何 形 ， 而 且 数 字 的 笔画 末 成 直 
角 。 设 计 师 利 用 字体 的 造型 特点 ， 将 数字 拼接 成 一 组 有 趣 的 图 案 。 但 是 该 字体 这 样 的 用 法 也 有 其 给 端 ， 








它 独特 的 外 形 前 弱 了 字体 的 整体 感 。 ee a 














图 4.11 斯图加特 巴 登 - 符 腾 堡 州 国家 银行 服务 中 心 的 图 4.12 斯 图 加 特 巴 登 - 符 腾 堡 州 国家 银行 服务 中 心 的 
楼 层 形象 识别 (Z) 楼 层 形象 识别 (=) 


在 导 视 系统 中 ， 字 体 往往 也 是 信息 输出 的 重要 部 分 ， 是 不 可 或 缺 的 。 在 对 字体 设计 及 选择 上 ， 也 是 
相当 严谨 的 。 


在 这 里 ， 对 字体 的 选择 、 造 型 、 大 小 及 比较 等 进行 分 析 ， 进 一 步 让 学 生 认 识 到 在 导 视 系统 设计 中 ， 


字体 的 重要 性 ， 使 其 在 今后 的 设计 中 对 字体 有 很 好 的 了 解 及 把 握 。 








4.2.3 排版 系统 与 网 格 


1. 自由 式 网 格 

“导向 系统 ”一 词 ， 包 插 “ 系 统 ” 这 层 含义 。 顾 名 思 义 ， 导 向 系统 设计 具有 系统 性 的 特征 。 比 如 说 ， 
字体 大 小 的 设置 并 非 随心 所 和 欲 ， 而 是 遵循 一 定 的 章法 ， 按 照 字 体 大 小 互相 协调 标准 设 定 的 。 换 句 话说 ， 字 
体 大 小 有 一定 的 比例 美 系 ， 最 大 字体 的 高 度 往往 是 最 小 字体 的 数 倍 。 另 外 ， 字 体 大 小 也 可 以 体现 排版 系统 
的 层次 关系 。 

当 一 个 大 楼 的 E ae eh 本， 字体 的 高 度 (K 
写字 母 的 高 度 ) 一 般 在 15-25mm 最 为 恰当 。 因 为 ， 当 人 站 在 主 信息 指示 牌 前 阅读 信息 时 ， 不 但 离 指示 牌 的 
距离 很 近 ， 而 且 身体 处 于 静态 ， 所 以 ， 在 这 种 情况 下 可 以 选择 小 号 字体 习 而 副 信息 指示 牌 的 情况 则 有 所 不 
同 ， 当 人 在 走 动 的 状态 下 阅读 信息 时 ， 并 不 想 停 下 脚步 ， 而 是 务 包 在 行走 中 便 能 获取 信息 ， 如 果 阅 读 的 中 
离 在 2-3m， 那 么 字体 的 高 度 〈 大 写字 及 的 高 度 ) 应 该 在 35-45minl 比 较 合适 。 当 人 接近 目的 地 时 ， 有 可 能 全 
看 到 多 个 信息 提示 ， 而 不 必 特 意 走 近 ， 此 时 间 读 的 距离 让 能 在 3-10m， 所 以 文字 也 应 该 相应 地 使 用 大 号 字 
体 ， 字 体 的 高 度 〈 大 写字 母 的 高 度 ) 一 般 在 100 150mm. 如 果 以 这 些 数据 为 标准 对 字体 大 小 进行 系统 的 规 
划 ， 那 么 字体 的 行距 也 是 不 容 忽视 的 ， 因 为 行距 也 是 按照 一 定 的 比例 关系 而 产生 的 。 

以 上 所 提 及 的 文字 大 小 并 非 一 成 不 变 的 指导 性 原则 ， 它 还 要 根据 字体 本 身 的 造型 来 决定 。 通 常 来 说 ， 
将 文字 按照 1 : 1 的 比例 打印 在 纸 上 是 检验 字体 大 小 是 否 合适 的 最 佳 方法。 

2. 根据 版 式 设 定 的 网 格 TO` YX 

栅 块 的 大 小 是 由 标志 的 高 采 决 定 的 ， 每 个 模 决 之 间 的 中 次 二 它 到 指示 牌 上 边缘 和 左边 缘 的 距离 是 _- 致 
的 ， 模 块 中 的 箭头 符号 被 纵 小 ， 由 此 产生 了 足够 的 空间 以 便 更 好 地 在 视觉 上 将 箭头 和 文字 信息 区 分 开 。 

箭头 总 是 根据 指示 的 故 向 与 模块 的 边 对 齐 ,小姑 指向 左 侧 的 身 头 与 模块 的 左上 角 对 齐 ， 而 指示 右 侧 
tO SORIA aT. p> 





















图 4.13 排版 系统 写 网 格 图 4.14 法兰克 福 展览 中 心 的 导向 系统 
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法 兰 克 福 展览 中 心 的 导向 系统 : 此 设计 方案 将 导向 系统 的 功能 发 挥 得 淋漓 尽 致 。 通 过 去 除 细 枝 末节 
使 信息 更 加 集中 ，“ 每 条 信息 须 清晰 明确 ”，“ 到 访 者 不 受 与 其 无 关 的 信息 干扰 ”一 一 这 些 都 是 设 
计 上 自始至终 所 要 达到 的 目标 。 展 览 中 心 的 导向 系统 以 简明 扼要 的 视觉 方式 呈现 出 来 ， 路 向 信息 采用 红 
色 代码 及 纵向 的 指示 牌 ， 而 服务 类 的 信息 采用 绿色 代码 及 横向 的 指示 牌 ， 蓝 色 的 正方 形 代 表 停 车 场 ， 黄 
色 代 表 展 会 的 施工 信息 。 

展会 的 所 有 信息 建立 在 以 下 三 个 基本 元 素 上 。 

(1) 固定 在 地 面 的 主 信息 和 副 信息 指示 牌 (平面 图 和 导向 信息 )。 

(2) 悬挂 类 信息 指示 牌 〈 各 类 提示 信息 )。 

(3) 固定 在 墙 面 的 信息 指示 牌 (各 类 提示 信息 )。 

设计 方案 还 采用 了 体 相 匹配 的 箭头 符号 及 图 形 标 识 ， 最 大 限度 地 发 挥 了 导向 系统 的 功能 。 此 外 


展会 还 采用 了 德语 、 法 语 、 英 语 三 种 语言 。 

































4.2.4 色彩 


值得 一 提 的 是 ， 人 类 对 颜色 的 记忆 能 力 不 如 对 文字 和 图 像 等 记忆 少 强 。 我 们 可 以 做 一 个 测试 ， 从 色 标 
中 挑选 一 个 红色 并 试 着 记 住 它 ， 然 后 合 上 色 标 ， 几 秒 钟 后 重新 打开 ， 你 会 发 现 ， 很 难 从 十 种 不 同 的 红色 调 
中 找 出 先前 的 那个 红色 。 也 就 是 说 ， 颜 色 只 能 被 大 致 的 区 分 ， 录 蓝 色 、 红 色 、 黄 色 、 绿 色 ， 但 是 红色 能 否 
从 橙 红色 系列 中 区 分 出 来 ， 就 成 问题 了 。 此 外 ， 光 线 的 变化 地 是 影响 颜色 变化 的 一 个 因素 

只 局 限于 颜色 代码 的 导向 系统 ， 其 功能 也 是 受 限制 的 ， 因 为 使 用 者 必须 首先 适 
实 ， 对 色彩 的 归纳 也 可 以 通过 形状 来 区 分 ， 如 蓝 色 
的 花 、 绿 色 的 大 象 ， 形 状 越 简单 ， 它 们 所 传达 的 信 
息 也 就 越 容 易 被 记 住 。 

1. 颜色 的 语言 

在 一 套 完整 的 导向 系统 中 色彩 会 起 到 排列 顺序 
的 作用 ， 它 可 以 将 导向 信息 系统 性 地 归纳 起 来 。 

颜色 的 含义 深 受 交 化 和 历史 的 影响 ,金色 和 和 
银色 代表 了 统治 阶级 ， 黑 色 对 我 们 来 说 是 葬礼 的 颜 
色 ， 而 在 其 他 文化 趾 却 是 白色 ， 红 色 代表 了 社会 主 
义 …… 无 论 颜色 在 历史 上 曾 被 赋予 何 种 意义 ， 颜 色 
本 身 并 没有 负面 的 含义 ， 我 们 需要 时 间 慢 慢 消除 这 
些 历史 偏见 ， 去 真正 了 解 颜色 本 身 的 价值 。 

2. 颜色 对 比 

浅 色 背景 上 的 文字 通常 使 用 黑色 ， 这 种 处 理 方 
式 虽 然 有 效 ， 但 并 不 美观 。 黑 色 会 在 光线 的 照射 下 
形成 反光 ， 并 容易 和 背景 颜色 混 清 ， 正 确 的 处 理 方 
式 是 在 颜色 鲜艳 的 背景 上 使 用 白色 的 文字 ， 甚 至 在 
黄色 的 背景 上 ， 白 色 文 字 都 清晰 可 辨 。 

彩色 的 文字 充满 活力 ， 具 有 丰富 的 层次 感 ， 但 是 
它 的 视觉 效果 过 于 张扬 ， 所 以 在 使 用 时 应 当 慎重 。 此 
外 ， 人 们 可 以 赋予 彩色 的 文字 某 种 信息 ， 如 它们 可 以 
代表 一 个 楼 层 ， 为 了 明确 这 周围 的 色彩 环境 
要 尽量 朴素 、 简 单 ， 否 则 彩色 的 文字 不 但 不 能 准确 地 图 4.15 斯 图 加 特大 学 电子 工程 学 院 的 导向 系统 










这 个 系统 才 行 。 其 


























传达 信息 ， 反 而 适得其反 。 实 际 上 ， 在 多 数 情况 下 ， 彩 色 文字 的 表现 力 不 及 黑色 和 白色 文字 。 








斯 图 加 特大 学 电子 工程 学 院 的 导向 系统 : 设计 师 从 建筑 物 本 身 的 色调 出 发 ， 为 导向 系统 制定 了 一 
套色 彩 方案 。 在 银色 的 金属 指示 牌 上 ， 目 的 地 信息 使 用 了 深 绿 色 ， 而 科 系 名 称 则 使 用 了 紫红 色 ( 卡 普 特 
H) 。 银 色 的 指示 牌 与 灰色 的 混凝土 墙 面 在 色彩 上 非常 接近 ， 因 此 它 自 然而 然 地 与 建筑 物 融 为 一 体 。 








3. 色彩 系统 

市 场 上 有 各 种 不 同 的 色彩 系统 ， 如 NCS、Pan-tone、HKS 和 RAL， 但 并 不 是 所 有 研究 和 开发 色彩 系统 的 
公司 都 制造 颜色 。 

每 个 色彩 系统 都 是 人 类 经 过 不 断 研究 的 成 果 ， 它 不 是 一 个 数学 公式 ， 而 是 一 个 颜色 世界 的 规划 方案 。 
尽管 有 些 色彩 系统 的 划分 极其 精密 ， 但 是 一 些 过 于 细微 的 颜色 还 是 被 省 略 掉 了 ， 因 为 人 对 色彩 的 视觉 感应 
是 有 限 的 。 有 些 颜 色 的 色调 如 此 接近 ， 以 至 于 人 眼 几 乎 无 法 区 分 ， 因 此 ， 区 分 它们 是 无 意义 的 了 。 斯 堪 的 
纳 维 亚 地 区 的 色彩 系统 NCS(Natural Colour System) 类 似 于 德国 的 色彩 系统 RAL。NCS 提 供 了 清晰 且 逻 辑 的 色 
彩 标准 ， 它 具有 一 种 类 似 于 地 球 的 构造 方式 : 两 级 为 黑色 和 白色 ， 四 个 方向 分 别 为 蓝 色 、 红 色 、 绿 色 和 黄 
色 。 如 果 从 球体 的 半圆 形 剖 面 来 看 ， 中 间 的 部 分 便 是 过 渡 色 。 

1925 年 ， 魏 玛 共和 国 和 本 国 私营 企业 共同 创立 了 RAL (国家 交 货 条 件 委员 会 ，Reichsausschuss fur 


























Lieferbedingungen) ， 这 个 委员 会 的 任务 是 以 合理 化 改革 为 目标 :统一 交 货 条 件 ， 并 制定 精确 的 技术 指标 。 
除了 RAL 以 外 ， 没 有 任何 一 种 色彩 系统 拥有 如 此 详尽 的 灰色 调 ， 同 时 ，RAL 色 彩 系统 还 推出 各 种 颜色 产 
品 。RAL-K-5 就 是 其 中 颇具 特色 的 一 款 。RAL 色 彩 系统 的 颜色 可 以 在 市 场 作为 涂料 买 到 ， 但 是 没有 用 于 平版 
印刷 的 油墨 。 此 外 ，RAL 色 彩 系统 还 为 专业 色彩 设计 提供 了 一 系列 名 为 RAL-Design 的 色 标 样本 。Pantone 色 
彩 系统 (PMS:Pantone Matching System) 是 一 个 使 用 非常 广泛 ， 并 且 专门 用 于 印刷 领域 的 色彩 系统 ， 但 其 色 
调 还 有 待 改善 。 





斯 图 加 特 Viava 酒 吧 形 象 识 别 设 
计 : 玻璃 上 的 半 透 明 即时 贴 使 用 了 一 
种 特殊 材料 ， 在 夜晚 能 发 光 。 











在 导 视 系统 中 ， 色 彩 的 运用 是 相 
当 广 泛 和 重要 的 ， 色 彩 本 身 也 是 有 其 
自己 的 语言 和 情感 信息 的 。 因 而 在 学 
习 和 设计 导 视 系统 时 ， 对 色彩 的 运用 
和 掌握 是 相当 重要 的 。 











图 4.16 色彩 系统 





相关 链接 

(1) 奥运 会 视觉 形象 设计 研究 。 

(2) 浅 析 城 市 色彩 规划 设计 。 【参考 视频 】 
信息 视觉 化 设计 
(BEARER) 
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4. 黑色 


视线 漫 无 目 seria doa on aE 黑色 墙壁 与 人 之 间 的 距离 被 无 限 拉 长 ， 
9 肌理 ， 犹 如 显微镜 的 细胞 组 织 ， 那 是 光 
他 们 形成 了 一 种 新 的 色调 ， 一 种 神秘 的 深 灰 色 。 


1 变 得 一 望 无 
的 结合 ， 仿 佛 














从 某 种 对 建筑 作品 的 一 种 干预 。 对 建筑 空间 的 任何 改动 ， 包 括 图 像 、 字 
体 、 颜 色 的 - 般 来 讲 ， 导 向 系统 的 规划 通常 








FE 建筑 的 shapes 结构 基本 









确定 的 条 件 下 才能 进行 ， 在 项 目 开 展 的 前 期 就 将 导向 系统 纳入 总 体 规划 ， 并 与 建筑 互相 是 极 个 别 
的 或 者 说 幸运 的 。 更 何况 ， 整 个 建筑 设计 的 色彩 和 材料 的 运用 更 多 是 受到 建筑 师 的 影响 ， ee 
















师 。 当 然 ， 也 不 乏 这 样 的 可 能 建筑 设计 也 会 根据 导向 系统 的 设计 方案 进行 调整 和 让 步 。 
HARA Pen 设计 师 必须 考虑 在 现 有 的 空间 环境 中 是 否 存在 一 种 基本 色调 ， 并 且 能 够 围 
$ 或 者 ， 所 使 用 的 颜色 是 否 和 建筑 材料 的 格调 相抵 ?抑或 是 ， 究 竟 在 色 
i 布置 得 五 颜 六 色 更 吸引 人 ? 只 要 本 ， 一 切 都 
AT DALE EES tn eB AE, eb TT 









足 有 siete 颜色 在 建筑 中 同样 也 占有 








浴场 遗址 展览 的 导向 系统 ， 浴 场 遗址 恰 
ii RAEE 1 jn As 






: 场 中 间 ， 
低 生 的 天 花 板 使 人 产生 WEL 还 会 
E. HI 
犹如 深邃 的 夜空 ， 并 造成 了 视觉 上 无 限 EM 

有 一 个 说 法 ， 明 亮 的 颜色 可 以 让 小 空间 看 上 去 宽敞 一 点 ` 然 ， 从 物理 学 的 角度 来 看 ， 人 之 所 
以 能 看 见 物 体 ， 是 因为 物体 的 表面 能 够 反射 光线 、 并 在 视网膜 上 形成 图 像 。 因 此 ， 人 不 但 可 以 感知 墙 的 存 
在 ， 而 且 可 以 用 眼睛 准确 地 测量 距离 ， 从 而 形成 一 全 有 界限 站 WHE. 光线 好 似 一 个 “邮差 ” 守 




















把 “ 墙 ” 的 信息 传递 给 视网膜 。 如 果 抛 开 这 面 反射 光线 的 “镜子 ”从 将 无 的 准确 信息 ， 也 就 感 
觉 不 到 墙 的 界限 ， 空 间 无 法 被 界定 ， 因 此 而 显得 宽敞 ， 也 就 是 说 次 色调 间 变 大 。 

















图 4.17” 巴 登 - 巴 登 州 罗马 式 





图 4.18” 巴 登 -~ 巴 登 州 罗马 式 浴场 遗址 展览 
的 导向 系统 (二) 





(1) http://www.xuexuecolors.com/ 


(2) http://www.fashioncolor.org.cn/ 








5. 灰色 


图 4.19 ”慕尼黑 E.ON 能 源 公 司 总 部 大 楼 的 导向 系统 





幕 尼 黑 E.ON 能 源 公 司 总 部 大 楼 的 导向 系统 ， 办 公 室 的 玻璃 
隔断 上 贴 有 透明 的 彩色 条 纹 (采用 丝 网 印刷 ) 。 灰 色 的 墙 面 和 
天 花 板 为 色彩 丰富 的 办 公 空间 提供 了 一 个 安静 的 背景 。 











灰色 没有 白色 那么 苍白 ， 位 于 慕尼黑 的 E.ON 能 源 公 司 总 部 大 楼 的 导向 系统 采用 了 一 套色 彩 丰富 的 设计 方 
案 。 大 楼 的 墙 面 和 天 花 板 起 初 打算 使 用 白色 ， 而 设计 师 则 建议 使 用 灰色 。 因 为 ， 灰 色调 不 仅 是 对 复杂 的 建筑 
空间 形态 的 一 种 呼应 ， 而 且 也 是 对 那些 在 色彩 和 质感 上 有 着 千差万别 的 不 锈 钢 、 铝 制 板 、 白 墙 和 吊顶 网 状 金 
属 板 等 附属 结构 的 呼应 。 由 此 看 来 ， 用 一 种 颜色 来 统一 整个 空间 显得 尤为 局 要 % 在 此 ， 生 硬 的 白色 墙 面 与 大 
楼 的 办 公 室 环境 显得 很 不 协调 ， 而 温暖 的 灰色 调 则 能 缓解 人 的 紧张 情绪 y 并 营造 了 一 种 安全 舒适 的 氛围 。 

如 果 把 灰色 放 在 白色 的 背景 墙 上 ， 人 们 会 觉得 灰色 看 上 去 暗淡 无 光 * 其 实 不 然 ， 当 整个 房间 刷 上 灰 
色 ， 在 不 直接 与 白色 对 比 的 情况 下 ， 灰 色 不 但 不 会 显得 沉 问 而且 看 上 去 还 很 自然 。 最 好 的 判断 方法 是 ， 
制作 一 个 1:1 大 小 的 模型 以 便 对 颜色 进行 评估 ， 在 着 手 制作 模型 前 ， 首 先 应 该 请 灯光 技术 人 员 进 行 检测 ， 确 
定 所 选用 的 颜色 是 否 符合 室内 光线 规定 的 最 低 指数 。 

对 不 同 的 色调 进行 对 比 也 是 很 有 必要 的 。 这 种 方法 不 仅 可 以 挑选 出 最 恰当 的 色调 ， 而 且 还 可 以 让 客户 
看 到 不 同色 调 的 视觉 效果 。 此 外 ， 人 们 不 能 否认 颜色 吸收 光线 的 说 法 ， 因 为 颜色 的 确 对 光线 有 一 定 的 吸收 
作用 ， 唯 有 白色 光 是 完全 不 吸收 光线 的 。, 难 道 说 所 有 的 房间 都 应 该 刷 成 白色 吗 ? 当然 不 是 ， 首 先 ， 人 们 
要 确认 光源 的 位 置 ， 以 及 哪些 墙 面 是 受 光 面 , 哪些 墙 面 是 背光 面 沁 关 般 来 说 ， 带 有 窗户 的 墙 面 是 背光 面 。 
它 不 反射 或 者 只 反射 很 少 的 光 ， 所 以 背光 墙 面 适 合 进行 色彩 处 理 。 在 很 多 现在 的 办 公 空 间 里 ， 通 常 采 用 木 
质 隔 断 或 者 组 合 柜 来 分 割 办 公 区 域 ,“ 剩 下 的 空间 只 有 天 花 极 和 过 道 的 地 面 等 。 在 此 ， 色 彩 会 显得 很 突出 ， 
但 基本 上 不 会 影响 采光 效果 。 

灰色 的 墙 面 看 上 去 没有 和 白 墙 那么 苍白 ， 生 硬 的 白色 反而 容易 弄 脏 。 而 且 ， 周 围 的 色彩 环境 会 反射 在 白 
色 的 墙 面 上 。 当 然 、 如 果 加 以 利用 也 可 以 创造 出 二 此 特殊 的 视觉 效果 ， 如 蓝 色 的 墙 面 可 以 在 白 墙 上 留 下 一 
抹 蓝 色 的 阴影 。 

6. 和 白色 

斯 图 加 特 Viavai 酒 吧 形 象 识别 设计 ， 带 有 浮雕 效果 的 图 4.20 “斯图加特 Viaval 
白色 文字 为 酒吧 营造 了 一 个 友好 而 舒适 的 环境 。 酒吧 形象 识别 设计 

白色 字 在 白色 背景 墙 上 ， 一 个 几乎 没有 对 比 度 的 颜色 
组 合 方式 ,但 却 充满 了 诱惑 。 如 果 一 个 导向 系统 不 使 用 色 
彩 ， 而 是 通过 肌理 来 创造 效果 ， 这 种 视觉 表达 方式 是 耐 人 
寻味 的 。 当 背景 的 颜色 是 亚 光 白色 时 ， 上 面 的 文字 可 以 尝 
试 使 用 光 面 或 者 立体 造型 。 

















斯 图 加 特 Viavai 酒 吧 形 象 识别 设计 ， 带 有 浮雕 效果 
的 白色 文字 为 酒吧 营造 了 一 个 友好 而 舒适 的 环境 。 

奥 格 斯 堡 国家 保险 公司 的 导向 系统 ， 亚 光 的 白色 
墙 面 上 布 满 了 巨大 的 、 亮 光 的 白色 数字 和 符号 ， 这 些 
数字 象征 了 投保 企业 或 者 个 人 的 保险 编号 ， 它 们 不 但 
在 建筑 中 发 挥 着 装饰 作用 ， 而 且 还 以 一 种 亲切 的 方式 
突出 了 保险 公司 的 企业 形象 。 




















图 4.21 ” 奥 格 斯 堡 国 家 保险 公司 的 导向 系统 
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7. 银 色 


从 严格 意义 上 来 说 ， 白 色 和 银色 并 不 算是 彩色 ， 它 们 的 搭配 显得 单薄 且 缺 乏 对 比 度 。 此 外 ， 银 色 还 能 
够 反射 周围 环境 的 颜色 ， 白 色 与 银色 组 合 应 该 慎重 考虑 ， 因 为 随 着 光线 和 观察 角度 的 变化 ， 银 色 文字 在 白 





色 背 景 墙 上 的 能 见 度 会 很 低 。 











此 在 采用 这 样 的 配色 方案 之 前 ， 应 当 用 原色 调和 原材料 制作 一 个 样品 ， 并 


在 建筑 师 、 客 户 和 使 用 者 三 方 的 参与 下 共同 审查 鉴定 。 银 色 和 白色 的 组 合 可 能 会 出 现 这 样 的 情况 : 当 人 站 


在 白 底 银 字 的 信息 前 ， 从 某 个 角度 观察 ， 


信息 是 模糊 不 清 的 ， 银 色 的 字 “ 融 化 ”在 白色 背景 中 ， 随 着 观察 





视角 的 移动 ， 光 线 的 反射 发 生 了 变化 ， 文 字 逐 渐 清晰 ， 并 接近 于 白 底 黑 字 的 效果 。 由 于 人 通常 是 来 回 走动 
的 ， 所 以 这 个 问题 也 就 被 大 部 分 人 所 忽略 ， 甚 至 被 当 作 是 美学 上 的 小 把 戏 。 





8. 红色 

奥 斯 纳 布 吕 克 专科 大 学 的 导向 系统 ， 楼 层 编 号 
的 红色 是 草莓 红 (RAL 3018)。 在 以 两 色 为 主 的 
天 花 板 上 ， 红 色 的 文字 信息 吸引 了 到 访 者 的 视线 。 





为 了 突出 信息 的 重要 性 洒 并 与 强烈 的 黑色 形成 五 


补 ， 设 计 选择 了 一 种 较为 鲜亮 的 红色 。 

草莓 红 (RAL 3018) 这 个 名 字 充 满 了 盛夏 的 气 
息 ， 灾 热 的 天 气 和 昨 午 的 光芒 赋予 了 这 一 色调 炫目 
的 外 表 ， 入 热 的 温度 使 人 们 的 行进 变 得 缓慢 而 优 
雅 ， 它 躲 在 云 洲 蓝 色 柔 和 的 影子 里 ， 温 和 而 含 鞋 ， 
但 它 依旧 是 红色 ， 充 满 激情 ， 却 不 员 吊 台 人 。 

红色 并 非 一 成 不 变 的 鲜 攀 亮丽 。 在 金属 材质 
上 ， 红 色 显得 异常 醒目 ,而 在 木材 质 上 ， 它 却 看 上 
去 暗淡 无 光 。 红 色 有 许多 漂亮 的 色调 一 鲜红 、 英 
光 红 、 草 莓 红 等 ， 在 设计 中 一 旦 选用 了 红色 ， 就 要 





图 4.22 ”医院 导向 系统 





现形 式 化解 了 方形 指示 牌 死板 的 外 形 。 


上 逐渐 密集 。 


医院 的 导向 系统 以 正方 形 作为 基础 的 造型 元 
素 ， 提 示 信 息 放 在 白色 背景 墙 上 ， 而 目的 地 信息 则 
放 在 银色 的 背景 墙 鼎 :窗外 的 导向 系统 使 用 了 白色 
和 银色 的 即时 赂 < 室内 则 是 立体 的 正方 形 指示 上 牌 ， 
指示 牌 四 个 角度 厚度 不 等 ， 它 的 表面 经 过 前 切 处 理 
成 倾斜 状 = 指示 牌 被 颠倒 ， 并 有 节奏 的 排列 ， 产 生 
了 有 趣 的 视觉 效果 ， 犹 如 微风 拂 过 的 湖面 。 这 种 表 





医院 的 楼 梯 间 被 漆 成 银色 ， 白 色 的 条 纹 从 下 至 











4.23 ” 奥 斯 纳 布 吕 克 专科 大 学 的 导向 系统 


充分 展现 并 发 挥 红 色 张 扬 的 个 性 。 红 色 属 于 我 们 常 说 的 三 原色 ， 与 黄色 和 蓝 色 一 样 ， 它 们 都 是 些 极 具 表现 








力 的 色彩 ， 正 








【参考 视频 】 





可 口 可 乐 信息 
可 视 化 设计 


为 红色 有 着 强烈 的 视觉 效果 ， 所 以 这 也 给 它 在 使 用 上 造成 了 诸多 禁忌 。 尽 
管 如 此 ， 在 建筑 学 的 范畴 里 色彩 仍然 是 个 不 可 或 缺 的 表现 手段 。 





汉莎 航空 公司 在 一 些 机 场 使 用 了 专门 
代表 公司 形象 的 黄色 指示 牌 ， 在 此 ， 两 种 
黄色 指示 牌 在 视觉 识别 上 造成 了 冲突 。 





图 4.24 ”代表 汉莎 航空 公司 形象 的 黄色 指示 牌 


向 日 莹 黄 、 深 黄 、 金 省 花 黄 …… 黄色 调 是 多 姿 多 彩 的 ， 可 以 渐变 成 红色 或 者 绿色 。 浅 黄 是 睡梦 初 醒 的 
颜色 ， 玉 米黄 的 种 子 从 成 熟 的 果实 里 爆 橡 开 来 ， 吸 引 着 淡 黄 色 羽 毛 的 乌 儿 ， 术 榜 黄 充满 了 诱惑 力 ， 祝 你 好 
胃口 ， 土 黄 是 坚硬 的 ， 而 昔 艾 酒 黄 确 实 是 柔软 的 ， 交 通 黄 是 一 种 导航 信号 ， 保 持 清醒 ， 亮 黄 是 正午 烈日 的 
光芒 ， 蜜 黄 柔 和 的 色调 恰恰 符合 人 们 欢 恰 的 心情 。 

由 于 黄色 具有 强大 的 视觉 识别 功能 ， 所 以 许多 机 场 都 把 它 作为 指示 牌 的 背景 色 。 但 与 此 同时 ， 色 彩 
鲜艳 亮丽 的 特性 也 会 影响 黄色 的 视觉 传达 ， 它 吊 呀 逼 人 的 亮色 调 削弱 了 建筑 的 空间 形态 。 在 机 场 ， 旅 客 匆 
匆忙 忙 地 穿越 大 厅 ， 两 边 的 广告 显得 眼花 综 乱 ， 黄 色 会 使 周围 的 环境 变 得 更 加 躁动 不 安 ， 在 我 们 日 常生 活 
中 ， 黄 色 往往 被 作为 警戒 色 使 用 。 比 如 ， 洗 涤 用 品 上 : “TERRIA ROY 的 字样 ， 有 些 电子 产品 的 电源 线 
和 插口 会 使 用 黄色 ， 此外， 汽车 轮胎 的 制 动 分 泵 也 是 黄色 的 。 当 黄色 发 光 时 ， 犹 如 一 轮 衣 热 刺 眼 的 太阳 
对 人 眼 来 说 ， 它 是 极 具 刺 激 性 的 颜色 。 因 此 ， 黄 色 在 办 公用 品 中 也 不 多 见 。 比 如 ， 笔 简 通 常 是 红色 、 黑 色 
或 者 灰色 的 ， 胶带、 文具 、 烟 灰 缸 、 电 话 等 使 用 了 和 柔和 的 色调 ， 这 样 看 来 ， 如 果 机 场 的 指示 牌 放弃 使 用 大 
面积 的 黄色 ， 那 么 侠 机 大 厅 将 充满 一 种 舒适 而 宁静 的 气质 。 

10. 蓝 色 

蓝 色 始终 是 客户 最 偏爱 的 颜色 ， 凡 乎 所 有 的 标 
识 设计 在 选择 颜色 时 都 倾向 于 蓝 色调 3 然而 ， 蓝 色调 
lacie tia chee 蓝 色 看 上 去 就 会 显得 沉重 而 阴 
郁 。 当 然 ， 这 也 不 能 一 概 而 论 ; 美国 图 形 设计 师 保 
罗 。 兰 德 (Paul Rand) 为 IBM 公 司 设计 的 字体 标志 便 选 
用 了 一 种 很 深沉 的 蓝 色 ， 但 是 这 种 深蓝 色 看 起 来 郑 清 
新 明亮 ， 因 为 文字 标志 被 白色 条 纹 分 隔 开 ， 白 色 和 监 
色 交 织 在 一 起 ， 蓝 白 相 间 产 生 了 鲜明 的 视觉 效果 。 在 
导向 系统 设计 中 ， 设 计 师 也 会 经 常用 到 蓝 色 ， 蓝 色 有 
着 千变万化 的 色调 ， 它 可 以 偏 绿 色调 或 者 红色 调 ， 但 
在 选择 过 程 中 ， 尽 量 避 免 使 用 过 暗 的 色调 。 













































图 4.25 斯 图 加 特大 学 FF 学 院 AT 研 究 所 的 导向 系统 














斯 图 加 特大 学 IFF 学 院 IAT 研 究 所 的 导向 
系统 ， 如 同 浪漫 诗人 爱德华 * 莫 里 克 (Eduard 
Moike) 在 诗 《 就 是 他 》 中 所 描述 的 一 一 纤细 的 蓝 
色 绷带 在 空中 自由 舞动 。 














【参考 视频 】 


大 样本 收视 
数据 研究 中 心 
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11. 绿 色 
在 德国 ， 绿 色 是 紧急 通道 指示 牌 的 背景 专用 色 ， 因 此 ， 在 导向 系统 中 绿色 的 使 用 范围 是 十 分 有 限 的 。 
斯 图 加 特 新 展览 中 心 的 导向 系统 采用 了 一 套 全 面 的 、 层 次 丰富 的 色彩 规划 方案 ， 它 具有 强烈 的 视觉 冲击 

力 。 在 这 一 套 如 同 彩虹 一 般 的 设计 方案 中 ， 自 然 不 能 缺少 绿色 。 出 于 安全 问题 的 考虑 ， 绿 色 只 用 于 标 有 户 
外 区 域 的 指示 牌 ， 一 旦 发 生火 灾 ， 这 些 绿色 的 指示 牌 将 指明 通 往 户外 的 安全 出 口 。 有 趣 的 是 ， 有 一 些 特 
别 的 绿色 在 背光 照明 与 直接 照明 的 情况 下 呈现 出 两 种 不 同 的 效果 ， 当 半 透 明 的 绿色 即时 贴 采 用 背光 的 照明 
时 ， 深 绿色 看 上 去 像 线 绿色 ， 浅 绿色 反而 偏 深 色调 。 

不 同色 彩 的 组 合 搭配 呈现 出 一 幅 充满 节奏 感 的 画面 ， 它 好 像 是 一 张 色彩 艳丽 的 墙纸 。 丰 富 的 色彩 不 仅 
车 给 人 愉悦 的 视觉 感受 ， 而 且 还 可 以 将 信息 进行 系统 性 的 分 类 ， 使 到 访 者 轻而易举 地 找到 他 们 所 需 的 信 
息 。 与 此 同时 ， 它 还 打破 了 建筑 严谨 而 沉 间 的 空间 形态 ， 丰 富 了 建筑 语言 ， 在 导向 系统 中 ， 颜 色 代码 不 知 
不 觉 地 发 挥 着 强大 的 功能 。 
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anessa  ASD/NGE 06 MME ACR OME SAR ane/soe 


ee 一 幕 尼 黑 必 ON 能 源 公 司 总 部 大 楼 的 
IE 导向 系统 ,、 大 楼 导向 系统 的 颜色 方案 根 
据 楼 层 的 采光 进行 了 系统 性 的 规划 。 由 


一 一 err 年 楼 下 的 光线 充足 ， 所 以 彩色 条 纹 选用 
— | 了 深 色调 ， 而 楼 下 的 光线 相对 暗淡 ， 所 





以 小 色 条 纹 选 用 了 浅 色调 ， 在 办 公 区 ， 
mem 设计 师 也 按照 室内 的 采光 对 彩色 条 纹 进 
—— lo 行 了 布局 。 在 光线 充足 的 办 公 区 ， 设 计 

师 选 用 了 了 深 色 的 条 纹 ， 在 光线 较 暗 的 办 

— a 公克 各 设计 师 则 采用 了 淡色 调 的 条 纹 。 

— | mz 

x 

| — 单方 面色 彩 的 运用 及 其 内 在 的 含 
— 勾 是 丰富 的 ， 但 色彩 的 组 合 和 搭配 同样 
um aw 是 丰富 的 。 

| 不 同色 彩 的 搭配 给 人 的 视觉 也 会 
带 来 不 同 的 感受 及 冲击 力 。 因 而 色彩 的 
组 全 与 搭配 除了 它们 本 身 传达 出 的 信息 


o 外 也 为 导 视 系统 营造 一 定 的 氛围 。 




















图 (.2 ” 菜 尼 款 E.CN 能 源 公司 总 部 大 楼 的 导向 系统 (一 ) 


4.2.5 代码 化 

当 莫 扎 特 厅 演 奏 海 顿 的 乐曲 ， 而 海顿 厅 却 在 隔壁 时 ， 这 种 情形 不 免 会 让 人 感到 迷惑 。 在 一 个 空间 布局 
复杂 的 建筑 物 内 ， 用 起 名 字 的 方式 给 房间 编码 不 是 件 容易 的 事 ， 音 乐 厅 的 走廊 之 间 是 相通 的 ， 人 们 可 以 通 
过 建筑 材料 的 变化 ， 或 者 建筑 风格 的 巡 异 ， 甚 至 窗外 不 同 的 景色 对 音乐 厅 的 空间 和 地 点 进行 区 分 。 然 而 ， 
这 些 方法 并 不 能 在 真正 意义 上 帮助 到 访 者 辨认 方向 ， 并 找到 目的 地 。 因 此 ， 明 智 的 做 法 是 ， 用 字母 对 建筑 
的 区 域 和 部 门 进行 编码 ， 如 果 将 字母 代码 与 房间 编号 相 结合 ， 那 么 代码 便 更 容易 识别 和 记忆 。 更 何况 ， 建 








筑 区 域 也 不 宜 纯粹 用 数字 代码 ， 否 则 房间 编号 将 可 
能 是 一 串 难 以 记忆 的 数字 。 如 果 能 采用 三 个 数字 加 Ë 
F 


一 个 字母 的 形式 ， 情 况 就 不 同 了 ， 比 如 B1-35。 当 
也 只 能 在 该 区 域 的 房间 数 不 超过 99 间 的 情况 售 


然 ， 这 











设 
计 
f 
it Qe, ANS AMEE. e g 
时 ， 导 向 系统 便 需 要 借助 其 他 的 视觉 表达 方式 帮 2 





人 们 辨认 方向 。 统 
斯 图 加 特 新 展览 中 心 停车 场 P22 共 有 7 层 ， 每 
层 分 别 有 5 个 区 域 ， 并 且 每 个 区 域 都 有 超过 100 个 
的 泊 车 位 。 由 此 看 来 ， 泊 J 代码 可 能 是 : P22- 
7B-157。 这 样 的 代码 如 果 不 写 下 来 ， 是 根本 记 不 住 
的 ， 当 空间 的 规模 大 到 污 定 程度 时 ， 编 码 系统 是 很 
难 用 抽象 的 字符 描述 出 来 的 。 这 就 好 像 ， 如 果 摘 述 
的 是 一 张 直观 的 城市 地 图 。 
: 稻 来 说 ， 最 好 在 项 目 开展 的 育 
统 纳入 规划 方案 。 如 果 编 码 芯 
划 好 ， 那 么 后 期 的 改动 几乎 是 不 可 能 的 。 
工 图 纸 的 命名 全 体 工程 师 共同 完成 的 ,更改 
{HE 味 着 消耗 大 量 的 人 力 和 物力 。 
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图 4.29 斯 图 加 特 新 展览 中 心 停车 场 的 导向 系统 










年 编码 系 















斯 图 加 特 新 展览 中 心 停车 场 的 导向 系统 : 
庞大 的 多 = 场 内 部 结构 复杂 ， 加 上 不 计 其 
不 可 避免 地 让 到 访 者 有 无 所 适 从 
的 感 如 果 能 将 泊 车 位 的 代码 打印 在 计 费 卡 
上 ， 也 许 会 是 一 个 不 错 的 解决 方案 。 







图 4.28 ”慕尼黑 E.ON 能 源 公司 总 部 大 楼 





A、B、C 还 是 C、B、A? 先 从 哪个 字母 开始 呢 ? 使 用 者 的 视觉 习惯 是 五 花 八 门 的 。 如 果 把 字母 C 作 为 会 
议 大 楼 的 代码 ， 看 起 来 似乎 很 合乎 情理 (字母 C 是 英文 单词 “会 议 ”的 首 字母 ) 。 但 是 ， 当 这 座 会 议 大 楼 碰 
巧 位 于 E 区 和 F 区 之 间 ， 他 会 让 人 感到 迷惑 ， 字 母 C 夹 在 字母 E 和 F 中 间 ， 同 样 是 字母 ， 它 们 却 传 达 不 同 的 信 
息 。 此 时 ， 首 字母 代码 和 一 般 字 母 代 码 在 视觉 识别 上 发 生 了 冲突 。 
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业主 对 代码 向 来 挑 别 ， 他 们 喜欢 看 上 去 “顺眼 的 ”代码 。 有 些 人 会 对 “-1-155” 这 样 的 代码 抱 有 偏见 ， 
究 其 原因 ， 这 一 层 办 公 室 位 于 大 楼 的 最 底层 ， 也 就 是 地 下 室 。 他 们 认为 ， 负 数 容易 让 人 联想 到 粳 糕 的 工作 
环境 。 所 以 建议 用 字母 U (字母 U 是 德 文 单词 “地 下 室 ”的 首 字母 ) 取而代之 作为 底层 办 公 室 间 的 代码 ， 这 
种 处 理 方式 不 但 忽视 了 导向 系统 的 整体 感 ， 而 且 缺 乏 统一 的 规划 。 与 数字 代码 相 比 ， 首 字母 代码 与 整个 大 
楼 的 编码 系统 格格 不 入 ， 更 何况 ， 代 码 只 是 一 种 客观 的 符号 语言 ， 它 是 位 置 的 注解 ， 而 非 状态 的 体现 。 在 
实际 应 用 中 ， 它 的 功能 明确 而 单一 ， 代 码 无 非 是 一 种 识别 工具 。 

停车 场 或 高 层 建筑 有 重复 的 ， 而 且 看 起 来 完全 相同 的 内 部 空间 结构 。 在 这 样 的 空间 环境 里 ， 图 形 〈 如 
图 例 、 笨 night kel sale 它 结合 建筑 本 身 的 空间 形态 (如 楼 座 、 楼 层 、 区 域 ) 暗 
示 和 引导 使 用 者 ， 使 复杂 的 空间 导向 变 得 简单 明了 。 毫 无 疑问 ， 图 形 还 是 具备 可 视 性 。 确 切 地 说 ， 标 识 或 
ihrer ed A 以 便 人 在 电梯 间 内 或 楼 梯 拐 角 处 就 可 以 看 到 。 否 则 ， 当 人 走出 电梯 ， 意 识 
到 判断 失误 时 ， 身 后 的 电梯 间 已 经 毫 不 留情 地 关上 了 门 。 

借助 图 形 来 诠释 一 个 空间 环境 ， 无 疑 可 以 减少 人 的 认 知 负担 。 我 们 都 有 类 似 的 感触 ， 一 看 到 图 形 ， 便 
可 以 很 快 确定 方位 ， 知 道 自己 身 在 何 处 ， 去 往 何 方 ， 图 形 更 容易 辨认 和 记忆 人 虽然 色彩 给 人 的 感官 刺激 最 
为 直接 ， 但 是 ， 单 纯 依靠 颜色 来 界定 建筑 的 楼 层 、 部 门 或 区 域 ， 也 有 它 的 不 是 之 处 ， 过 多 的 或 相似 的 颜色 
会 增加 认 知 记忆 和 识别 负担 。 ON © 
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建筑 的 空间 布局 与 网 格 密 不 可 分 ， i ET RET 每 个 最 小 的 单位 (通常 为 2 
或 3 条 轴线 ) 将 分 配 到 一 个 数字 ， 以 便 在 对 空间 进行 重新 划分 时 ， 有 足够 多 的 数字 可 以 使 用 。 在 划分 的 
过 程 中 ， 有 些 数 字 可 能 会 被 跳 过 (如 B- a 2 op 或 者 3-125 紧 接 在 3-123 其 后 ) 。 这 种 做 法 可 
以 避免 由 于 空间 的 重新 划分 ， 所 产生 的 诸如 B-177a 3-123/2 之 类 不 和 谐 的 代码 。 

在 给 房间 编码 时 ， 通常 会 一 侧 使 用 奇数 代码 ， 另 一 侧 使 用 偶数 代码 。 此 外 ， 两 边 代 码 的 排列 要 遵循 
同一 个 方向 ， ANS REET AT T 又 可 以 帮助 到 访 者 迅速 找到 目的 地 。 

se Kl 
“Wr = 

sy mis ee 符 腾 堡 州 Bollwerk 国 家 银行 服务 中 
an 位 于 巴黎 广场 的 银行 服务 中 心 大 
RETIR, 每 层 楼 的 空间 结构 完全 相同 ， 同 样 
的 门 、 同 样 的 墙 、 同 样 的 地 面 。 楼 层 号 码 交 织 成 一 幅 
图 案 ， 它 像 一 张 墙纸 覆盖 在 走廊 转角 的 墙 面 上 。 这 种 
视觉 处 理 方式 赋予 了 楼 层 过 目 不 忘 的 形象 识别 。 它 在 
暗示 : 你 所 在 的 位 置 是 正确 的 。 

斯 图 加 特 博世 公司 (Bosch) 写字 楼 的 导向 系统 : 
写字 楼 地 下 停车 场 的 楼 层 采 用 了 图 形 代 码 ， 这 些 颜色 
的 符号 不 但 起 到 了 界定 楼 层 的 作用 ,而且 为 本 来 枯燥 
无 味 的 空间 增添 了 活 泌 、 友 好 的 气氛 。 一 层 的 代码 为 
圆 环形 ， 二 层 的 代码 为 十 字形 ， 三 层 的 代码 是 一 个 由 
三 个 “n” 字 组 成 的 图 形 ， 四 层 的 代码 为 四 边 形 ， 五 层 
图 4.30 ”斯图加特 巴 登 ~ 符 腾 堡 州 Bolwerk 国 家 银 的 代码 是 一 个 有 五 折线 组 成 的 图 形 。 

行 服务 中 心 的 楼 层 形象 识别 
【和 参考 视频 】 
; 
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-31 ”斯图加特 博世 公司 (Bosch) 写字 楼 的 
导向 系统 
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斯 图 加 特 巴 登 - 符 腾 堡 州 Bollwerk 
国家 银行 服务 中 心 的 导向 系统 : 代码 
可 以 通过 某 个 主题 或 某 种 形象 得 以 呈 
现 ， 如 在 银行 服务 中 心 的 地 下 停车 场 
内 ， 每 个 楼 层 分 别 采 用 了 一 种 颜色 和 
一 幅 肖 像 进行 编码 。 这 些 肖像 是 前 德 
国 马克 细 而 汪 印 制 的 德国 名 人 。 
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图 4.32 斯图加特 新 展览 中 心 停车 场 的 导向 系统 





4.2.6 私密 保护 与 玻璃 防 撞 保 护 

在 拥有 大 面积 的 玻璃 窗 和 玻璃 隔断 的 写字 楼 内 ， 人 们 总 是 希望 空间 的 私密 性 得 到 一 定 的 保护 。 一 些 工 作 
人 员 担 心 自己 会 被 窥视 ， 而 另 一 些 人 在 开放 式 的 空间 环境 里 感觉 不 自在 ， 银 行 这 样 的 场所 对 私密 保护 的 要 求 
就 不 言 而 喻 了 。 为 了 不 破坏 流畅 的 建筑 空间 形态 ， 图 形 和 材料 可 以 发 挥 其 作用 ， 将 玻璃 表面 区 分 成 透明 和 半 
透明 两 种 效果 ， 这 种 富有 层次 感 的 视觉 表现 形式 通过 各 种 颜色 、 形 式 及 肌理 丰富 了 整个 建筑 空间 。 
玻璃 防 撞 保 护 的 作用 是 为 了 避免 让 行人 撞 上 玻璃 门 或 玻璃 墙 。 这 听 起 来 也 许 有 点 不 可 思议 ， 但 在 实际 生 
活 中 却 屡见不鲜 ， 当 玻璃 处 在 暗 处 或 者 反射 不 到 光线 的 情况 下 ， 而 玻璃 后 面 的 情景 却 又 清晰 可 见 时 ， 人 们 往 
往 会 做 出 错误 的 判断 ， 而 不 小 心 撞 断 鼻子 、 下 显 或 划 伤 额头 。 尤 其 是 当 玻璃 门 与 结实 而 坚固 的 玻璃 幕墙 在 同 
一 个 平面 上 时 ， 后 果 更 加 不 堪 设 想 。 因 为 ， 玻 璃 墙 的 宽度 刚好 可 以 让 人 通过 ， 在 光线 较 暗 的 情况 下 ， 人 们 往 
会 忽视 玻璃 的 存在 而 试图 穿 过 ， 解 决 这 一 问题 通常 的 办 法 是 ， 在 玻璃 上 进行 标记 ， 提 醒 行 人 玻璃 的 存在 。 
遗憾 的 是 ， 用 以 标记 的 符号 通常 只 是 这 些 枯 燥 的 圆 点 或 者 缺乏 特色 的 线条 。 其 实 ， 人 们 完全 可 以 在 这 些 看 起 
















































来 无 关 紧 要 的 细节 上 做 文章 ， 加 入 一 些 创 意 ， 使 其 融入 并 拓展 导向 系统 的 功能 和 设计 理念 。 


慕尼黑 裕 宝 联合 银行 董事 会 大 楼 的 导向 系统 ， 玻 璃 防 撞 保护 
的 设计 采用 了 保持 含 蕾 而 简约 的 造型 风格 ， 玻 璃 上 细 长 的 线条 默 
默 地 提醒 着 到 访 者 一 二 此 处 是 房间 的 尽头 。 宽 窗 的 线条 形成 了 一 
种 节奏 感 ， 此 外 这些 条 纹 的 材料 分 别 采用 了 亚 光 、 半 透明 和 亮 








光 的 银色 即时 贴 。 





图 4.33 ”慕尼黑 裕 宝 联合 银行 董事 会 大 楼 


图 4.34 ”斯 图 加 特 Kronen Carre 写 字 楼 4.35 斯 图 加 特 Kronen Carre 写 字 楼 的 导向 系统 2 
的 导向 系统 1 























展 ， 这 些 看 似 随意 的 线条 其 实 是 建立 在 网 格 基础 上 的 ， 它 们 与 字体 设计 相 结合 ， 承 载 了 玻璃 防 撞 保护 在 
功能 与 形式 上 的 双重 诉求 。 此 外 ， 玻 璃 墙 上 条 纹 的 造型 与 建筑 的 造型 特点 也 是 密 不 可 分 的 ， 从 平面 图 来 
看 ， 这 座 带 有 勒 ， 柯 布 西 耶 风格 的 写字 楼 是 由 多 个 条 状 的 建筑 物 组 成 ， 建 筑 物 被 楼 梯 间 隔 开 ， 在 某 些 位 
置 形 成 了 缺口 。 玻 璃 上 的 条 状 图 形 正 是 这 种 造型 9 一 种 延伸 ， 这 些 粗 细 和 长 短 的 线条 不 但 充满 了 节 
奏 感 ， 而 且 还 起 到 了 防 撞 保 护 的 作用 。 当 光线 穿 过 玻璃 时 条 纹 会 在 墙 面 上 留 下 投影 ， 这 更 增加 了 空间 的 
层次 感 ， 同 时 ， 玻 璃 上 的 条 纹 与 字母 代码 还 传达 了 写字 楼 的 导向 信息 ， 如 入 口 处 和 办 公 区 域 等 。 









































| 斯 图 加 特 Kronen Carre 写 字 楼 的 导向 系统 ， 垂 直 的 线条 作为 一 种 图 形 代码 在 导向 系统 中 得 到 进一步 拓 
| 
| 
| 





图 4.36 阿 特 利 尔 韦 斯 上 





的 导 





阿 特 利 尔 韦 斯 特写 字 楼 的 导向 系统 ， 舞 动 的 线条 看 起 来 好 像 毛 线 球 一 样 ， 它 标记 着 人 流 穿梭 的 写字 
楼 入 口 ， 时 而 如 轻柔 的 纺 纱 ， 时 而 如 浓密 的 云雾 。 

这 些 细 线 条 在 玻璃 门 上 起 着 防 撞 保 护 的 作用 ， 在 个 别 需 要 私密 保护 的 空间 ， 玻 璃 上 线条 的 密度 则 会 | 
相应 地 有 所 增加 。 





圆 点 和 条 纹 往往 是 最 简单 的 玻璃 防 撞 保护 处 理 手段 ， 但 是 如 果 能 将 
为 建筑 设计 的 一 个 亮 


这 些 细节 加 入 创意 ， 那 么 它 也 能 成 
同时 ， 玻 璃 上 的 图 形 也 可 以 起 到 保护 空间 私密 性 的 作用 。 
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卢森堡 容 宝 联合 银行 的 导向 系统 ， 银 行 大 楼 是 一 座 混 凝 土建 筑 。 它 的 玻璃 墙 上 贴 有 半 透 明 的 即时 
贴 ， 文 字 采 用 了 银色 和 灰色 两 种 颜色 ， 它 们 轻便 地 附 在 混凝土 结构 的 表面 上 ， 值 得 一 提 的 是 ， 银 行 导 向 
系统 的 文字 和 图 形 元 素 建立 在 网 格 基础 上 ， 这 种 网 格 的 构思 来 源 于 美国 作曲 家 约翰 。 凯 奇 (John Cage) 
的 六 线形 理念 ， 它 是 一 种 讲求 偶然 性 的 表现 手法 ， 网 格 系统 上 的 排版 ， 以 及 图 形 和 符号 的 分 布 都 遵循 了 
某 种 类 似 于 音乐 节奏 的 变化 。 


大 厅 的 玻璃 小 房间 是 银行 的 现金 结算 处 ， 这 里 常常 会 进行 大 笔 的 现金 交易 。 因 此 ， 银 行 的 客户 不 希 
望 有 人 在 一 旁观 望 ， 而 建筑 师 却 希望 尽量 保持 这 类 建筑 空间 的 开放 性 。 于 是 ， 解 决 的 办 法 是 用 半 透 明 的 
即时 贴 将 中 间 敏 感 的 部 分 遮 住 ， 而 玻璃 门 的 上 下 部 分 则 进行 了 局 部 遮挡 处 理 。 这 样 ， 不 仅 空间 的 私密 性 
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得 到 了 保护 ， 而 且 玻 璃 的 结构 也 清晰 可 见 。 





图 4.37 ”卢森堡 裕 宝 联合 银行 的 导向 系统 


4.2.7 房间 编号 

无 论 是 大 楼 还 是 房间 ， 房 间 编 号 都 是 必 不 可 少 的 ， 否 则 大 楼 管理 员 无 法 确定 究竟 是 哪个 房间 的 水 龙头 
漏水 。 一 般 来 说 ， 像 配 电 室 或 储藏 室 这 样 的 房间 会 采用 比较 简易 的 方法 进行 标记 ， 它 们 通常 会 使 用 不 干 胶 
贴膜 。 而 写字 楼 的 办 公 室 则 需要 像样 的 门牌 ， 这 些 门 牌 不 但 要 具备 识别 功能 ， 而 且 还 要 方便 更 换 ， 因 为 办 
公 室 的 员工 随时 可 能 发 生变 动 。 平 面 设计 师 为 门牌 设计 了 一 套 固定 的 字体 和 排版 模式 ， 以 便 使 用 者 通过 简 
单 的 软件 就 可 以 进行 修改 或 更 新 。 

市 场 上 供应 各 种 各 样 的 门牌 ， 它 们 的 功能 性 毋庸 置疑 ， 但 是 大 多 数 产品 的 造型 却 不 尽 如 人意。 出 于 这 
个 原因 ， 需 要 重新 设计 和 开发 新 造型 和 结构 的 门牌 。 这 款 名 为 Sero Flex 的 门牌 拥有 一 系列 产品 。 它 的 构 
造 简单 ， 安 装 便捷 ， 甚 至 不 需要 工具 。 这 个 设计 不 仅 满足 了 设计 师 对 功能 和 造型 的 要 求 ， 同 时 也 得 到 了 业 
主 和 建筑 师 的 认同 。 它 的 信息 载体 是 一 张 普通 的 白色 卡 纸 ， 这 张 纸 适用 于 一 般 的 办 公 打 印 机 。 卡 片 夹 在 银 
色 电 镀 铝 板 和 有 机 玻璃 中 间 ， 铝 板 和 有 机 玻璃 板 通 过 燕尾 槽 互相 咬合 在 一 起 ， 所 用 的 不 锈 钢 挫 还 可 以 用 磁 
铁 取 出 。 在 安装 时 ， 铝 板 的 燕尾 槽 同时 还 起 到 了 固定 卡 纸 的 作用 。 所 以 ， 即 使 在 没有 有 机 玻璃 盖 板 的 情况 
下 ， 卡 纸 也 能 立 住 。 此 外 ， 铝 板 可 以 根据 客户 的 要 求 提 供 不 同 的 颜色 。 最 后 在 提交 给 客户 时 ，Sero Flex 还 
付 带 一 个 排版 软件 ， 以 方便 客户 自行 修改 卡片 上 的 文字 。 这 款 门 牌 的 设计 简洁 大 方 ， 并 且 适 用 于 各 种 建筑 
环境 。 CAS 
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图 4.38 房间 编号 
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4.3 ”经典 案例 
案例 1 伦敦 大 奥 蒙 德 街 儿 童 医院 导向 在 伦敦 大 奥 蒙 德 街 儿童 医院 的 导向 系统 中 ， 将 
设计 自然 和 卡通 的 元 素 带 入 其 中 ， 让 人 一 目 了 然 这 家 医 
T| 院 与 儿童 有 关 。 医 院 的 每 一 层 都 有 其 自然 主题 ， 如 
朗 涛 策略 设计 顾问 公司 (Landor 海洋 、 森 林 等 。 


Associates) 是 世界 上 最 大 的 形象 识别 与 
策略 设计 顾问 公司 ， 隶 属于 全 球 最 大 的 广 
告 传媒 集团 WPP， 专 注 于 企业 形象 、 品 
牌 包装 与 设计 等 ， 协 助 公司 、 团 体 定 位 、 
设计 并 实行 其 识别 系统 ， 以 解决 在 商业 与 
形象 沟通 上 可 能 存在 的 各 种 问题 。 该 公司 
已 有 50 余 年 的 历史 ， 总 部 始 创 于 美国 三 藩 
市 。 朗 涛 策略 设计 顾问 公司 亚太 区 总 部 设 
于 香港 ， 现 在 北京 、 上 海 、 广 州都 设 有 工 
作 团队 ， 朗 涛 策略 设计 顾问 公司 吸纳 了 全 
世界 各 地 区 最 优秀 的 设计 人 才 ， 使 其 不 仅 
有 国际 一 流 的 设计 水 准 ， 全 球 领先 的 设计 
理念 ， 更 使 其 具备 了 精通 各 国文 化 背景 ， 
更 具备 了 全 球 服务 的 能 力 。 
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伦敦 大 奥 蒙 德 街 儿 童 医院 i 
的 导向 系统 设计 独到 大 胆 ， 充 满 ! 
人 性 化 。 这 套 导 向 系统 是 针对 儿 ! 
童 群 体 而 设计 的 ， 可 想 而 知 ， 不 ! 
同 群体 也 需要 不 同 的 导向 识别 系 i 
统 。 目 前 国内 的 导向 系统 大 多 针 i 
对 大 众 ， 所 以 我 们 也 可 以 在 一 些 








在 伦敦 大 奥 蒙 德 街 儿 童 医院 导向 系统 的 设计 并 不 

像 很 多 普通 的 医院 将 导向 系统 设置 为 一 级 、 二 级 、 三 级 

---] 等 ,而 是 通过 图 形 标注 ， 融 入 医院 的 每 一 个 角落 ， 让 这 

特殊 的 环境 下 为 一 些 特殊 的 群体 家 医院 充满 生机 ， 时 刻 让 来 访 者 感受 到 医院 的 自然 、 清 
设计 一 套 导 向 系统 。 新 、 人 性 化 。 
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Ki : 
<a» i 
在 伦敦 大 奥 蒙 德 街 儿童 医院 的 标识 设计 中 ， 其 色彩 相对 于 其 他 医院 蓝 底 白 字 的 标识 方式 有 所 ti 

不 同 。 它 大 胆 地 运用 鲜明 的 彩色 ， 相 应 地 填充 在 自然 元 素 中 。 既 起 到 了 导向 的 作用 ， 又 有 其 装饰 作 设 
用 ， 将 医院 原本 设 有 生命 力 和 过 硬 的 冷色 调 的 环境 这 染 得 富有 活力 ， 让 来 访 者 感受 到 这 家 儿童 医院 让 

的 生命 力 和 亲和力 。 £ 

T 视 

1 系 

1 统 


伦敦 大 奥 蒙 德 街 儿 童 医院 导向 设计 给 
人 感觉 非常 人 性 化 ， 充 满 趣味 的 主题 、 生 动 的 动物 造 
型 、 丰 富 活泼 的 色彩 必 符 合 儿 童 的 心理 特点 。 
设计 就 是 要 以 大 为 本 ， 一 切 以 更 好 地 为 人 类 服务 
为 出 发 点 ， 方 便 受 众 而 又 别具一格 ， 给 人 眼前 一 亮 的 



















教师 点 





这 套 导 向 设计 的 图 形 采 用 了 儿童 喜欢 
的 书 通 形态 ， 使 患者 到 医院 就 医 就 像 到 海 
洋 公 园 、 动 物 园 等 地 参观 ， 一 点 也 不 防 生 ， 自 然 就 不 
会 感到 紧张 和 害怕 ， 从 而 冲淡 患者 对 医院 的 恐惧 心 
理 ， 缓 解 疾病 给 他 们 带 来 的 不 适 。 
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图 4.39 伦敦 大 奥 蒙 德 街 儿童 医院 导向 设计 











1. 儿童 医院 的 导向 系统 设计 。 
2. 湖北 省 妇幼 保健 院 导 向 系统 设计 。 















导向 元 素 采 取 动 物 剪 影 的 形式 ， 填 上 温馨 的 色彩 ， 看 上 去 生动 可 爱 ， 转 移 了 儿童 的 注意 
力 ， 降 低 了 儿童 对 医院 的 恐惧 感 ， 又 让 他 们 对 这 些 可 妥 的 图 形 充满 好 奇 ， 从 而 有 利于 降低 孩子 





在 就 医 时 医护 人 员 及 父母 的 不 必要 的 麻烦 。 








案例 2 ”挪威 政府 机 构 导 视 系 统 设计 


随 生 的 环境 很 容易 给 人 们 造成 一 种 压迫 感 ， 让 人 们 产生 轻微 的 抵触 和 下 意识 地 感到 害怕 ， 而 导 视 系 统 的 
存在 不 仅 消除 了 人 们 这 种 抵触 、 害 怕 的 情绪 ， 还 使 得 人 们 更 加 快速 地 适应 新 的 环境 。 政 府 机 构 作为 经 常 与 民众 
打交道 的 地 方 ， 它 的 导 视 系统 也 尤为 重 3 
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在 挪威 政府 机 构 导 视 系 统 设 

计 中 ， 最 为 突出 的 是 对 颜色 进行 了 
恰当 的 设计 与 应 用 。 该 政府 机 构 每 
- 层 楼 的 功能 性 是 不 同 的 ， 为 了 让 






其 一 目 了 然 ， 因 而 为 每 一 个 楼 层 选 
定 一 种 颜色 ， 将 它们 通过 或 排列 或 


交叉 的 形式 ， 按 楼 层 顺 序 排放 在 一 
起 ， 置 入 楼 道 或 电梯 的 按钮 上 。 这 
让 来 访 者 很 快 就 能 找到 自己 的 目的 
地 ， 同 时 方便 来 访 者 了 解 其 他 楼 层 
的 部 门 及 服务 项 目 ， 潜 意识 里 让 来 
访 者 感受 到 政府 部 门 的 工作 透明 
化 ， 增 添 了 信任 感 。 

















从 挪威 政府 机 构 的 导 视 系 
统 设计 中 ， 我 感受 到 色彩 也 是 一 
种 很 好 的 信息 传达 方式 ， 也 是 有 








政府 机 构 往 往 给 人 以 严肃 、 生 冷 的 感觉 ， 再 加 上 钢筋 混 凝 





其 语言 的 。 在 今后 的 导向 设计 中 土 的 建筑 ， 更 让 人 有 种 距离 感 ， 但 这 里 的 导向 系统 除了 发 挥 其 
我 们 也 可 以 通过 对 色彩 进行 把 握 功能 性 外 ， 它 那 一 系列 鲜明 的 色彩 给 生冷 的 空间 增添 了 生气 ， 
与 设计 ， 除 了 发 挥 起 导向 功能 ， 降低 了 来 访 者 的 抵触 和 紧张 感 。 同 时 这 些 鲜 明 的 色彩 又 选用 了 
还 可 以 通过 色彩 与 人 交流 传达 相对 饱和 的 不 失 稳重 的 色 系 ， 在 缓和 神经 的 同时 又 不 过 分 活 
信息 。 跃 ， 与 政府 机 构 的 形象 很 好 地 契合 起 来 。 
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色彩 是 一 种 感觉 力 的 引导 ， 挪 威 政府 i 
机 构 的 导向 设计 充分 利用 了 色彩 的 优点 。 & 





色彩 是 一 种 感性 的 导向 方式 ， 人 的 视觉 对 于 色彩 
是 非常 敏感 的 、 易 于 记忆 的 。 每 个 楼 层 一 种 颜色 是 一 
个 特定 的 信息 ， 引 导 来 访 者 更 加 便捷 地 参观 办 事 。 


E 


运用 相同 色相 不 同 明度 的 条 纹 ， 在 视 
觉 上 产生 活跃 度 和 愉悦 感 ， 形 成 了 建筑 空 
间 的 荡 奏 感 ， 也 给 人 感觉 政府 办 公 的 条 理性 。 
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国内 外 政府 导向 系统 设计 


(hittp//www.zcool.com.cn/) 








利用 色彩 与 图 形 结合 的 方式 为 艺术 学 院 办 公 楼 
设计 一 套 系统 导向 设计 。 








图 4.40 ”挪威 政府 机 构 导 视 系统 设 让 








标示 着 楼 层 的 色彩 ， 都 会 在 其 层 楼 上 使 用 ， 如 第 四 层 楼 的 
色彩 是 紫色 ， 那么 在 这 一 楼 层 中 所 有 的 导向 系统 的 色彩 都 将 是 
紫色 。 这 有 助 于 来 访 者 可 以 按 颜色 来 寻找 自己 想到 达 的 楼 层 ， 
避免 花 大量 时 间 浪 费 在 找 楼 层 上 ， 大 大 提高 了 效率 。 
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案例 3 科隆 一 波恩 机 场 


科隆 -波恩 机 场 : 它 的 设计 理念 握 弃 了 
千篇一律 的 q 形象 规划 涉及 识 
别 系统 的 方方面面 。 设 计 师 把 构成 机 场 整体 
形象 的 各 个 组 成 部 分 作为 视觉 传播 的 媒介 ， 
发 挥 了 平面 和 立体 空间 在 视觉 传达 上 的 优 
势 ， 同 时 也 让 机 场 的 视觉 形象 更 具有 整体 
感 。 设 计 师 为 机 场 的 整体 形象 开发 了 一 系列 
图 形 元素 ， 游 戏 式 的 设计 态度 和 童 稚 般 的 视 
觉 语 言 不 但 打破 了 机 场 一 贯 的 视觉 表现 方 
式 ， 激 发 了 人 的 想象 力 ， 而且 也 赋予 了 科 
隆 -波恩 机 场 强烈 的 个 性 和 特点 。 
























这 个 案例 让 我 们 了 解 到 导向 系统 并 


不 单单 只 是 对 图 形 标语 进行 简单 的 设计 
和 排版 ， 一 个 好 的 导向 系统 还 要 对 其 材 
质 、 场 所 、 环 境 、 载 体 等 进行 严谨 的 设 
计 ， 从 而 达到 人 性 化 的 设计 和 便捷 人 们 
的 生活 ， 以 及 提高 效率 。 
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设计 师 采 用 了 一 种 开放 的 “叙事 方式 ”， 通 过 对 
F, EH., mR JAAHA, TARER 
超越 了 传统 的 ， 通 过 指 
示 牌 传达 信息 的 此 外 ， 作 为 机 场 整体 形象 的 重 
要 组 成 部 分 间 ， 也 充分 发 挥 了 它 在 视觉 传 
达 上 的 优势 ， 使 地 点 和 空间 更 容易 识别 。 
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设计 师 专 门 为 机 场 的 导 视 系统 设计 了 一 套 公 共 标 
识 ， 这 套 标识 的 造型 是 严格 按照 国际 惯例 的 标准 设计 
的 。 新 的 标识 不 但 配合 了 机 场 的 专用 字体 ， 而 且 还 增 
添 了 新 的 内 容 (如 特快 列车 ICE 的 形象 ) o 








XED 


机 场 的 指示 牌 安装 了 照明 系统 ， 为 了 避免 强烈 和 
刺眼 的 光线 ， 指 示 牌 的 表面 采用 了 亚 光 贴膜 ， 因 此 ， 
灯光 透 过 亮 黄色 产生 了 柔和 的 光线 。 这 种 处 理 方式 不 
但 可 以 与 大 厅 的 采光 环境 形成 互补 ， 而 且 保证 了 信息 
在 任何 光线 条 件 下 的 可 读 性 。 











该 导向 系统 的 色彩 方案 打破 了 以 蓝 色 为 主 色 调 
的 惯例 ， 采 用 了 一 系列 亮色 调和 浅 色调 。 通 过 几 种 颜 
色 之 间 的 互相 混合 ， 还 形成 了 一 组 沉稳 的 深 色调 。 此 
外 ， 黑 、 白 两 色 也 属于 机 场 导向 系统 的 专用 色 。 
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机 场 的 各 个 组 成 部 分 
作为 传播 媒介 ， 如 玻璃 墙 、 机 
身 等 ， 而 不 是 以 单一 的 指示 牌 
的 形式 呈现 ， 体 现 了 导向 载体 
的 多 样 化 。 

这 套 导 视 系统 突破 了 普通 
的 导 视 系统 的 方形 或 圆 形 外 框 
的 思维 定式 ， 尝 试 直接 用 儿童 
简 笔 画 一 样 的 表现 方式 完成 这 
= 特别 的 导向 系统 设计 。 
它 比 那 种 方 框 或 圆 框 的 标识 显 
得 更 有 透气 感 ， 使 人 们 在 飞机 
场 忙 碌 的 气氛 中 得 以 嘴 息 。 同 
时 ， 这 种 可 爱 的 、 偏 向 儿童 化 
的 表达 方式 更 能 使 机 场 里 的 来 
客 ， 还 是 将 离开 这 座 城市 的 人 
都 能 有 一 种 温馨 的 ， 像 家 一 样 
的 亲切 感 。 标 识 用 色 淡 雅 、 明 
亮 ， 也 营造 了 一 种 透气 感 。 
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科隆 -波恩 机 场 
(http://www.airport-cgn.de) 





科隆 -波恩 机 场 





的 导向 标识 。 
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为 所 在 城市 的 机 场 设计 一 系列 
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案例 4 日 本 科学 未 来 馆 


iS 





日 本 科学 未 来 馆 每 年 吸引 了 大 量 的 参观 者 ， 它 不 但 丰富 和 充实 了 民众 的 生活 ， 而 且 还 展示 了 未 来 科技 
R 带 给 人 类 生活 的 诸多 可 能 性 。 该 馆 注 重 科学 技术 与 文化 之 间 的 渗透 和 交融 ， 同 时 它 还 为 参观 者 提供 了 一 个 
思考 空间 和 交流 平台 。 

它 的 导向 系统 设计 别出心裁 ， 巧 妙 地 利用 地 面 作为 信息 传达 的 媒介 。 地 面 的 图 形 和 文字 构成 了 一 张 
“信息 地 图 ”， 它 不 但 带 给 参观 者 全 新 的 视觉 体验 ， 而 且 发 挥 了 引导 和 提示 的 功能 ， 使 参观 者 可 以 毫 不 费 
力 地 找到 出 入 口 、 咖 啡 厅 、 停 车 场 或 地 铁 等 。 在 公共 建筑 中 把 地 面 作为 信息 媒介 的 做 法 并 不 多 见 。 一 般 来 
讲 ， 这 是 因为 地 面 无 法 有 效 地 传达 信息 ， 从 这 个 角 
度 而 言 ， 日 本 科学 未 来 馆 的 导向 系统 设计 做 了 一 次 
突破 性 的 尝试 ， 这 恰恰 与 该 馆 “ 刨 根 问 底 ”的 理念 
不 谋 而 合 。 



















































在 街头 的 涂鸦 艺术 中 ， 地 面 9 
为 艺术 家 创作 的 媒介 5 由 于 地 面 很 容易 让 人 
联想 到 地 球 ， 因 而 它 给 人 一 种 安全 可 靠 的 感 
觉 。 通 过 地 面 卡 充满 想象 力 的 图 画 ， 艺 术 家 
营造 了 一 个 奇幻 的 未 来 世界 ， 在 博物 馆 使 用 
的 这 种 表现 手法 是 前 所 未 有 的 。 因 此 也 招来 
了 不 少 反对 的 声音 ， 日 本 科学 未 来 馆 的 工作 
人 员 按 照 指 示 ， 没 有 悬挂 其 他 辅助 的 指示 
牌 ， 它 们 想 一 次 提醒 参观 者 ， 在 一 个 关于 未 
来 科学 技术 的 博物 馆 里 ， 导 向 系统 理所当然 
应 有 创新 。 























【参考 视频 】 


该 系统 导 视 设计 打破 传统 的 立 面 的 方式 传递 信息 ， 而 是 平 铺 在 地 面 上 ， 不 但 
没有 削弱 其 基本 功能 型 ， 还 给 人 们 带 来 了 新 的 体验 。 我 们 在 今后 的 设计 中 应 该 大 胆 
地 考虑 及 尝试 多 种 表达 形式 ， 会 带 来 不 一 样 的 效果 ， 从 而 感受 设计 的 乐趣 。 
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这 套 系统 有 别 于 设 

其 他 博物 馆 的 导向 系 让 

统 设计 ， 很 好 地 利用 了 地 面 空 息 

间 ， 突 破 了 传统 的 导向 系统 设 W 

计 基于 立 面 的 局 限 ， 增 添 了 导 统 
向 系统 的 丰富 性 。 


这 套 承载 在 地 面 
上 的 导向 系统 ， 在 注 
受 的 同时 ， 它 的 
色彩 和 造型 也 都 给 人 带 来 舒适 
感 ， 并 与 场地 的 氛围 融 为 一 体 。 








1.[ 日 ] 原 研 哉 . 设计 中 的 设计 
[M]. AES, i. 济南 : 山东 人 民 出 
We, 2006. 

2. 欧 阳 丽 莎 . 信息 时 代 的 信息 
设计 [M]. 武汉 : 华中 师范 大 学 出 版 
社 ，2012. 
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1. 针对 当地 博物 馆 设计 一 套 导 
2. 为 某 次 画展 设计 一 套 导向 系统 。 


图 4.42 日 本 科学 未 来 馆 











在 地 面 的 玻璃 表面 上 布 满 了 点 状 的 颗粒 ， 它 可 以 防止 参观 者 由 于 地 面 潮湿 而 请 倒 。 此 外 ， 玻 璃 
F 面 的 导向 信息 采用 了 背光 照明 ， 并 且 很 容易 进行 更 换 。 该 馆 的 导向 系统 只 使 用 黑 、 白 两 色 ， 所 以 
整个 展览 环境 显得 宁静 而 舒适 。 这 套 导向 系统 的 最 终 目 的 是 为 参观 者 提供 各 种 可 能 性 ， 而 非 强迫 他 
们 选择 固定 的 路 线 。 bla 
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案例 5 岩 出 山 困 立 中 学 


视 

觉 

a 岩 出 山 町 立 中 学 的 整套 导 视 系统 设计 突破 以 往 的 平面 设计 形式 ， 采 用 独特 的 数字 表现 手法 ， 将 材料 与 
上 墙 面 结合 ， 以 立体 的 形式 直观 呈现 ， 同 时 也 增加 了 建筑 空间 里 的 趣味 性 。 







教学 楼 的 空间 结构 打破 了 传统 观念 ， 创 
造 了 开放 式 的 学 习 环 境 。 在 教室 的 推拉 门 及 
墙 面 上 标 有 醒目 的 阿拉 伯 数 字 编 号 ， 这 些 由 
铁 空 的 圆 点 组 成 的 数字 是 经 过 机 器 冲压 成 型 
的 ， 而 水 泥 墙 上 的 数字 编号 是 凸 起 的 。 





V P \ 

推拉 门 ii) 的 结构 消除 了 室内 与 室外 

的 对 立 ， 使 教室 和 走廊 之 间 的 界限 变 得 模糊 

了 。“ 点 ”作为 形象 识别 符号 始终 贯穿 于 岩 

出 山 呆 立 中 学 的 导向 系统 设计 中 。 学 校 的 校 

门 、 走 廊 、 地 板 、 教 师 的 储 物 柜 等 ，“ 点 ” 

的 造型 无 处 不 在 ， 它 以 不 同 的 形式 和 材质 构 
成 了 学 校 统一 的 视觉 风格 。 











在 系统 导向 设计 中 ， 立 体 构成 和 平面 构成 都 起 了 很 大 的 作用 。 简 单 的 构成 使 导向 系统 具有 一 种 
美的 感受 ， 与 环境 融 为 一 体 ， 在 美感 中 传达 信息 。 















图 4.43” 岩 出 山 町 立 中 学 





1. 某 中 学 的 导向 系统 设计 。 
2. 湖北 大 学 附属 中 学 导向 系统 设计 。 
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作为 学 校内 的 导向 系 
统 ， 它 的 标识 和 数字 符号 的 
设计 与 之 前 的 案例 有 很 大 的 差别 ， 运 
用 点 的 立体 形态 构成 ， 能 使 观 者 从 各 
个 角度 获得 不 一 样 的 视觉 感受 ， 留 给 
人 以 想象 的 空间 ， 这 正好 与 学 校 激发 
学 生 创 造 力 的 目的 相 一 致 。 通 过 这 套 
导向 系统 ， 无 形 之 中 也 能 达到 教书 育 
人 的 效果 。 











独特 的 数字 表现 手法 ， 
数字 的 点 与 墙 面 的 互相 结 

合 ， 拉 近 了 空间 的 距离 感 。 同 时 带 给 学 
生 一 种 优质 的 学 习 氛围 ， 从 而 达到 更 好 
的 学 习 效 果 。 





LEN. ER EAM]. 南京 M 


苏 人 民 出 版 社 ，2011 . 
2. http://www.docin.com/ 
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案例 6 莱茵 兰 - 法 耳 茨 州 城堡 、 宫 殿 与 名 胜 古 迹 


观光 客 在 浏览 菜 茵 兰 -法 耳 欧州 城堡 、 宫 殿 和 名 胜 古迹 时 ， 需 要 统一 且 明 晰 的 信息 系统 和 导向 系统 。 为 
了 提供 一 个 全 面 的 ， 同 时 服务 于 当地 近 75 个 历史 遗迹 的 导向 系统 。 当 地 州 政府 发 起 了 一 次 全 欧洲 范围 内 的 
竞标 活动 ， 评 委 会 评判 的 标准 是 ， 设 计 方案 是 否 能 够 通过 各 种 信息 交流 方式 的 组 合 ， 取 代 以 往 以 指示 牌 作 
为 传达 信息 的 单一 方式 。 在 “无 指示 牌 ”的 前 提 条 件 下 ， 这 些 古 建筑 不 再 收 到 条 条 框框 的 束缚 ， 它 们 通过 
自身 的 特质 再 现 了 原 有 的 历史 风貌 。 
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导向 示意 图 ， 设计 的 核心 部 
分 是 一 张 折 匣 式 的 导向 示意 图 。 它 
不 但 有 多 种 语言 ， 而 且 还 兼 具 门票 
的 功能 ， 这 张 导向 示意 图 为 游客 提 
供 了 各 类 服务 信息 ， 以 及 景区 的 总 
平面 图 ， 有 了 它 ， 游 客 便 可 以 畅通 
无 阻 地 开始 探索 之 旅 。 在 游览 过 程 
中 ， 游 客 还 可 以 根据 示意 图 上 详细 
的 文字 说 明 ， 进 一 步 了 解 每 个 城 保 
和 景点 和 历史 。 A 

旗帜 和 海报 : 游客 从 远 处 便 可 
以 看 见 高 高 瞄 扬 的 薪 尾 施 ， 它 是 十 
堡 显 著 性 的 标 起 ， 颜 色 鲜 攀 的 刀 旗 
被 悬挂 在 景区 的 “来 源 点 ”， 如 停 
车 场 和 入 口 处 等 ， 此外， 在 城堡 的 
售票 处 和 活动 场地 ， 数 码 印 制 的 布 
面 海报 还 提供 了 最 新 的 展览 信息 。 
悬挂 海报 的 装置 设计 合理 ， 构 造 简 
单 ， 它 使 工作 人 员 可 以 轻而易举 地 
更 换 海报 。 














该 导向 设计 尝试 了 不 同 材质 和 不 同形 式 进行 导向 设计 ， 其 中 也 考虑 到 了 导向 设计 的 环境 ， 从 而 将 
系统 导向 设计 与 环境 融入 一 体 。 因 而 ， 在 设计 导向 系统 中 ， 环 境 因 素 也 是 非常 重要 的 。 
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图 4.44 RAZ-AERWNARORE, SRSM 








在 选择 信息 载体 的 过 程 中 ， 设 计 方案 为 了 达到 返 瑛 归真 的 效果 ， 采 用 了 一 些 传 统 的 材料 ， 比 如 
纺织 品 、 石 料 和 青铜 等 ， 在 视觉 形式 上 则 选用 了 旗帜 、 海 报 或 将 文字 直接 印 在 墙 面 上 。 此 外 ， 多 媒 
体 技术 和 交互 设计 的 参与 还 丰富 了 信息 传达 的 方式 。 立体 的 公共 标志 被 安放 在 户外 的 岩石 上 ， 线 框 
的 处 理 方式 富有 创意 ， 人 们 可 以 透 过 标志 感受 背景 岩石 的 肌理 。 字 体 的 大 小 和 颜色 与 背景 的 自然 肌 
理 形 成 了 一 种 默契 。 

















统一 的 圆 形 适合 
标志 的 表现 ， 使 景区 
的 散乱 得 到 规整 和 协调 。 导 向 
系统 全 部 运用 线条 表达 ， 使 轮 
廓 明显 ， 易 于 识别 。 这 大 ,导向 
系统 的 之 处 是 它 直 接 安放 
在 户外 的 岩石 上 ， 以 岩石 的 肌 
理 作 为 标志 的 背景 ， 使 导向 系 
HLH É 并 且 完 全 没有 遮 
掩 住 名 胜 古 迹 任 何 一 处 出 彩 的 
地 方 。 鲜 亮 的 红色 ， 起 到 很 好 
的 提醒 和 导 视 作用 。 


























教师 点 评 


莱茵 兰 -法 耳 蒋 
州 城堡 、 宫 殿 与 名 胜 
古迹 的 信息 传达 很 直观 ， 能 够 让 
游客 快速 地 找到 自己 想 去 的 地 
方 。 本 案例 充分 利用 了 建筑 物 本 
身 的 特点 传达 所 需 的 信 
节省 了 空间 ， 还 增加 了 
传达 性 。 




















1. 为 东湖 景区 设计 一 幅 导 向 示意 图 。 
2. 为 黄 鹤 楼 设计 一 系列 具有 传统 文化 的 导向 设计 。 
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案例 7 朗讯 科技 艺术 教育 中 心 


新 成 立 的 朗讯 科技 艺术 教育 中 心 (Lucent XCD 


Technonlogies Center for Arsts Education) 是 新 译 朗讯 科技 艺术 教育 中 心 走廊 的 地 板 铺设 
西 表演 艺术 中 心 (NIPAC) 名 下 的 一 所 艺术 院 校 ， uaa. E. RE. ee 


它 是 由 朗讯 科技 公司 以 基金 会 的 名 义 出 资 筹办 的 。 





























p7] 和 黑色 组 合成 各 式 各 样 的 图 形 ， 如 长 条 形 ， 
学 校 位 于 纽 华 克 ， 并 与 新 洋 西 表演 艺术 中 心 只 有 一 i | 视盘 形 和 锥 形 等 。 此 外 ， 楼 道 的 咀 气 装置 也 
H. RE 平 JH 4 i y 
MZH XRO RAI TABTEZONE i | yw TREIG. 
40 年 代 曾 是 一 所 牧师 住宅 ， 它 严谨 的 建筑 风格 不 禁 | 
让 人 联想 到 旧式 的 学 校 建筑 。 ! 
i 
' 
' 
' 
' 
' 
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为 了 树立 更 具 亲 和 力 的 形象 ， 新 泽 
西 表演 艺术 中 心 决定 改变 这 座 建筑 沉 问 而 
封闭 的 外 观 造型 。 但 是 由 于 缺乏 足够 的 资 上 
金 ， 艺 术 中 心 只 好 放弃 了 对 学 校 建筑 结构 
上 的 改动 ， 取 而 代 之 的 是 委托 平面 设计 师 
对 学 校 的 空间 布局 进行 重新 规划 ， 以 及 对 
其 外 立 面 进行 全 新 的 视觉 识别 改造 。 





这 是 一 个 字体 设计 与 建筑 设计 相 结合 
的 优秀 案例 。 墙 上 的 文字 如 同 在 城市 空中 
回荡 着 的 “音符 ”， 充 满 了 活力 与 动感 ， 
它 为 朗讯 科技 艺术 教育 中 心 提供 了 一 种 建 
筑 本 身 不 能 赋予 的 明确 特征 。 























这 项 系统 导向 设计 非常 独特 ， 它 的 独特 之 处 在 于 将 导向 系统 通过 建筑 传达 信息 ， 而 建筑 作为 导向 系 
统 的 载体 。 设 计 者 大 胆 地 选用 导向 系统 的 载体 ， 这 让 我 明白 导向 设计 的 载体 不 是 单一 的 。 在 今后 的 设计 
中 我 们 应 该 开拓 思维 ， 尝 试 着 在 载体 上 进行 创新 与 利用 。 
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设计 师 采 用 传统 戏剧 海报 中 欢快 的 半 粗 体 字 来 装饰 外 墙 。 学 校 的 外 墙 被 剧 成 了 白色 ， 墙 面 上 大 大 
小 小 地 写 满 了 各 种 单词 ， 如 诗歌 、 音 乐 、 戏 剧 、 舞 蹈 等 ， 这 些 看 似 偶 然 排 列 的 单词 形成 了 一 种 图 案 效 让 
果 。 明 朗 欢 快 的 字体 图 案 使 学 校 成 为 当地 城区 一 个 朝气 蓬勃 的 标志 ， 室 内 对 色彩 的 处 理 也 像 是 缤纷 绽 的 
放 的 焰火 一 样 。 此 设计 设 有 太 多 的 资金 投入 ， 却 营造 了 生机 亏 勃 的 氛围 。 号 
系 

统 








朗讯 科技 艺术 教育 
申 心 的 设计 使 人 感到 整 
个 空间 的 视觉 形象 是 一 体 化 的 。 鲜 
艳 的 色彩 ， 让 学 生 感受 到 颜色 的 购 






力 ， 产 生 视觉 上 的 活跃 度 ， 形 成 了 
-种 活 泌 的 视觉 导向 风格 。 









朗讯 科技 艺术 教育 
中 心 的 外 观 设计 采用 文 
六 作 为 主体 的 元 素 ， 传 达 出 学 
学 习 和 氛围， 再 加 上 内 部 明快 的 色 
共同 形成 了 独特 的 校园 环境 。 








3 








为 湖北 美术 学 院 设计 一 套 导 向 系统 ， 在 
不 改变 原 有 的 空间 的 情况 下 ， 进 行 设计 。 








案例 8 内 卡尔 河岸 居民 区 


内 卡尔 河岸 居民 区 的 导向 系统 强调 了 “人 性 化 ”的 概念 ， 设 计 师 意欲 通过 具有 友善 、 亲 和 力 的 造型 
语言 为 当地 居民 营造 一 个 轻松 的 居住 环境 。 高 层 住宅 区 和 阶梯 式 住宅 靠近 河岸 ， 它 们 都 拥有 一 组 颜色 代 
码 一 一 红色 、 黄 色 、 蓝 色 (色彩 的 三 原色 ) 和 一 组 图 形 代 码 一 一 圆 形 、 方 形 、 三 角形 (几何 形 的 基本 元 
R) ， 通 过 颜色 和 图 形 的 不 同 组 合 搭配 使 高 层 住宅 和 阶梯 式 住宅 形成 了 统一 的 视觉 形象 。 此 外 ， 地 下 停车 
场 的 信息 几乎 没有 运用 到 文字 的 元 素 ， 而 仅仅 是 通过 图 形 和 符号 传达 出 来 的 。 交 又 路 口 的 指示 牌 活 泌 可 
爱 、 充 满 了 趣味 性 ， 设 计 师 为 标 有 青少年 活动 中 心 和 幼儿 园 字 样 的 指示 牌 配 上 了 生动 的 标志 。 
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每 个 楼 层 的 导向 标识 都 使 用 了 鲜艳 
的 颜色 ， 并 被 放大 安放 在 醒 且 的 位 置 ， 
以 便 到 访 者 看 见 后 马上 可 以 确认 : “这 
就 是 我 要 到 达 的 楼 层 %” 
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【参考 视频 】 





这 一 系列 导向 系统 非常 人 性 化 地 考虑 到 了 儿童 群体 ， 在 为 儿童 带 来 便 
的 同时 ， 也 给 家 长 和 小 区 外 来 人 员 带 来 了 便捷 。 这 个 案例 和 伦敦 大 奥 蒙 
德 街 儿童 医院 导向 设计 有 异曲同工 之 妙 。 























XED 


居民 区 交叉 路 口 处 的 指示 牌 活泼 可 爱 ， 充 满 了 趣味 性 ， 设 计 师 为 标 有 青少年 活动 中 心 和 幼儿 














园 字 样 的 指示 牌 配 上 了 生动 的 标识 。 比 如 ， 公 告 板 和 信息 栏 的 设计 也 处 处 体现 了 这 种 乐观 向 上 的 造 


型 风格 。 最 有 趣 的 是 居民 区 周边 的 指示 牌 形象 ， 设 计 师 将 小 学 、 幼 儿 园 、 居 民 楼 及 河岸 等 概念 图 形 
化 ， 并 用 易于 识别 的 Helvetica 字 体 加 以 辅助 说 明 。 

















图 4.46 ”内 卡尔 河岸 居民 区 








该 导向 系统 设计 非 
第 人 性 化 ， 也 非常 符合 居 
民 区 的 “服务 于 居民 ”的 特点 ， 同 
时 ， 这 一 系列 的 导向 系统 ， 突 破 了 传 
统 导 向 的 长 条 形 ， 而 是 将 图 形 示意 
导 视 牌 相 结 合 ， 形 成 一 种 不 规则 的 美 
感 二 为 居民 区 增添 了 一 些 活泼 明朗 的 
元 素 头 添加 了 居民 区 的 生气 。 在 电梯 
的 按钮 旁 配 了 各 种 小 动物 的 插图 ， 也 
使 无 聊 的 乘坐 电梯 时 间 变 得 有 趣味 性 
了 ， 减 少 了 枯燥 感 。 

非常 人 性 化 的 设计 ， 从 儿童 的 
眼中 去 感受 世界 。 抽 象 化 的 图 形 与 鲜 
艳 的 颜色 结合 在 一 起 ， 视 觉 冲 击 力 很 
强 ， 便 于 迅速 地 到 达 目 的 地 。 

















为 幼儿 园 设 计 一 套 导向 系统 。 














相对 于 抽象 的 数字 ， 儿 童 更 容易 识别 图 形 。 因 此 ， 每 个 楼 层 都 有 一 个 具有 趣味 的 图 形 作为 导向 
标识 ， 如 小 猫 、 蘑 菇 、 自 行车 和 钟表 等 。 此 外 ， 电 梯 的 按钮 也 被 安装 在 儿童 够 得 着 的 地 方 。 
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51 ”电子 信息 时 代 的 界面 


界面 最 早 是 以 物理 的 概念 提出 的 ， 是 指 存在 于 自然 和 人 类 生活 环境 之 中 的 两 个 或 多 个 不 同事 物 之 间 的 
分 界面 。 在 人 类 的 日 常生 产生 活 中 ， 界 面 作为 人 与 环境 之 间 进 行 交 互 的 媒介 ， 是 以 物理 形式 存在 于 现实 世 


界 的 可 感知 的 事物 。 比 如 ， 


造 世 界 和 创新 世界 的 欲望 越 来 越 强烈 ， 








我 们 用 信纸 写 信 以 纸张 承载 文字 来 表达 和 传递 情感 ， 用 画 纸 和 画笔 作画 以 表达 
设计 理念 或 艺术 思想 ， 纸 和 笔 就 是 实现 交流 与 互动 的 界面 。 随 着 科技 的 发 展 ， 人 类 社会 


开始 进步 ， 人 们 改 


就 开始 有 意识 地 对 界面 进行 利用 和 创造 ， 界 面 的 形式 也 伴随 着 社会 


技术 的 发 展 和 用 户 的 需求 时 刻 发 生 着 改变 ， 以 帮助 人 们 更 加 舒适 地 开展 日 常生 活 。 


1946 年 ， 人 类 第 一 台 计 算 机 ENIAC 问 世 ， 开 
启 了 电子 信息 时 代 。 随 着 科技 的 进步 和 互联 网 的 普 
及 ,计算 机 广泛 进入 人 们 的 工作 和 生活 领域 ,用户 
也 从 过 去 的 专业 计算 机 人 员 逐 渐 转 变 为 非 计算 机 专 
业 的 普通 用 户 。 这 一 转变 促使 计算 机 的 易 用 性 与 可 
用 性 问题 变 得 日 益 突 出 ， 作 为 人 机 沟通 的 主要 途 
径 ， 界 面 设计 开始 得 到 设计 师 与 用 户 的 关注 。 
电子 信息 时 代 的 界面 (User Interface，UI) 即 用 
户 界面 设计 ， 在 所 有 电子 设备 、 电 子 媒介 中 均 有 应 
用 ， 是 与 用 户 进行 沟通 的 最 直接 载体 ， 可 以 分 为 软 


界面 形式 ， 它 包含 一 切 与 人 类 生活 相关 的 事物 ,< 计 
算 机 出 现 之 后 ， 为 了 满足 非 专 业 用 户 的 使 用 需求 ， 
相关 人 员 研 发 了 图 形 用 户 界面 ， 以 图 形 的 方式 显示 
操作 信息 ， 利 用 显示 屏 和 声音 作为 信息 展示 媒介 的 
界面 形式 ， 称 为 软 界面 。 j 
目前 ， 电 子 信息 时 代 的 界面 已 经 历 了 四 个 发 展 阶 
段 ， 即 人 机 界面 、 图 形 用 户 界面 、 实体 用 户 界面 和 自 











然 用 户 界面 ， 信 息 设 计 作 为 实现 界面 信息 架构 和 视觉 


效果 的 有 效 手 段 ， 发 挥 着 至 关 重 要 的 作用 。 随 着 技术 
的 进步 、 设 计 观 念 的 转变 、 用 户 需求 的 多 样 性 ， 以 及 


用 户 体验 ， 未 来 界面 的 形式 将 更 加 多 样 。 


5.1.1 人 机 界面 

人 机 界面 (Human Machine Interaction，HMI) 
是 人 与 机 器 系统 (计算 机 、 产 品 、 设 备 ) 之 间 传 
递 、 交 换 信息 的 媒介 和 对 话 接口 ， 是 操作 系统 的 重 
要 组 成 部 分 。 用 户 通 过 鼠标 、 键 盘 、 开 关 、 按 钮 等 
输入 设备 和 显示 屏 、 指 示 灯 、 提 示 音 等 输出 设备 来 
方便 地 完成 操作 命令 ， 实 现 人 机 交互 与 信息 转换 。 





【参考 视频 】 





MG 动画 APP 产 品 
及 服务 宣传 片 


界面 和 硬 界面 。 硬 界面 是 指 可 被 用 户 感知 和 触摸 的 1 





5.1.2 图 形 用 户 界面 

图 形 用 户 界面 (Graphic User Interface，GUI) 是 
指 采用 图 形 方式 显示 计算 机 的 操作 环境 。 用 户 通过 鼠 
标 和 键盘 等 输入 设备 进行 选择 和 操作 计算 机 屏幕 显示 
人 窗口、 菜单、 图 标 .按钮 等 ， 这 种 界面 形式 对 于 用 户 
来 说 更 为 简单 易 用 。 图 形 用 户 界面 的 产生 ， 呈 现 了 一 
种 全 新 的 界面 形式 和 信息 传达 方式 ， 完 成 了 用 户 与 信 
息 世 界 立 间 的 沟通 与 交流 ， 打 破 了 人 们 对 于 界面 的 传 
统 认 知 ， 其 广泛 地 应 用 于 软件 和 产品 设计 中 。 隐 喻 在 


图 形 界面 设计 中 尤为 重要 ， 作 为 认 知 和 情感 表达 的 方 


A 通过 图 标的 隐喻 传达 操纵 功能 引导 用 户 的 情感 。 
图 形 用 户 界面 的 普及 虽然 为 用 户 带 来 了 便利 ， 但 其 信 
息 交 互 过 程 都 需 借助 键盘 、 鼠 标 、 屏 幕 等 计算 机 附属 
设备 来 完成 :减少 了 用 户 对 环境 和 事物 的 依赖 。 

5.T.3 实体 用 户 界面 

‘ 实体 用 户 界面 (Tangible User Interface, TUI) 又 
称 可 触 式 用 户 界面 ， 是 结合 了 硬 界 面 与 软 界面 的 新 型 
界面 形式 。 它 在 图 形 用 户 界 面 的 基础 上 ， 跳 出 现 有 的 
以 屏幕 显示 、 窗 口 、 鼠 标 、 键 盘 来 控制 的 界面 模式 ， 
将 人 与 信息 的 交互 直接 体现 在 人 与 实体 、 环 境 的 交互 
之 中 ， 使 信息 变 得 可 以 “触摸 ”。 实体 用 户 界面 更 加 
直观 ， 可 通过 操作 实体 或 者 在 环境 中 实施 指令 ， 从 而 
实现 与 信息 的 交互 ， 增 强 真实 、 良 好 的 用 户 体验 。 


5.1.4 自然 用 户 界面 

自然 用 户 界面 (Natural user interface，NUI) 是 
指 无 形 的 用 户 界面 ， 通 过 更 合理 的 发 掘 和 利用 目标 
用 户 已 有 的 经 验 或 心智 模型 ， 创 造 出 合适 的 隐喻 ， 
让 人 机 交互 的 发 生变 得 更 加 自然 ， 减 少 用 户 的 思考 
和 疑惑 的 时 间 。 用 
互 手段 ， 如 触 控 、 语 音 、 手 势 、 体 势 等 ， 只 需要 人 
们 以 最 自然 交流 方式 (如 语言 和 手势 ) 与 机 器 互 
动 ， 使 整个 交互 变 得 更 加 自然 直观 ， 更 为 人 性 化 ， 
且 非 常 简单 易学 ， 可 以 让 新 用 户 在 很 短 的 时 间 内 从 
“小 白 用 户 ” 变 成 “专家 用 户 ”。 


























图 g 图 5.3 微软 Surface 
图 5.1 NOKIA 直 板 机 人 机 界面 ”图 5.2 windowsphone 





图 形 这 是 一 种 典型 的 TU 界面 的 应 用 ， 在 界面 中 ， 人 们 通过 在 屏幕 
上 做 出 各 式 各 样 的 手势 ， 系 统 便 会 根据 手势 完成 与 其 相 匹配 的 








E5: 以 及 现在 的 智能 触 屏 手 机 、 平 板 电脑 写 触 屏 电 视 、 计 


界面 作为 人 机 之 间 传 递 和 交换 信 D 


WEE 
















以 及 营造 环境 人 代 的 界面 设计 
要 解决 用 户 与 各 种 设备 、 环 境 信息 之 间 的 交互 
问题 ， 无 论 采 用 何 种 交互 方式 ， 都 要 以 用 户 为 中 ed LDL ore 
ity (User Centered Design, UCD) ， 以 用 户 所 需 
， 优 化 界面 信息 架 图 5MN 微软 Xbox360 体 感 外 设 Kinect 
息 ， 创 造 良好 的 用 |\ Kinect 的 产生 源 自 于 人 们 对 于 自然 人 机 交互 方式 的 渴望 和 
户 体验 。 i RIN, TEE 
在 设计 中 应 遵循 以 下 界面 设计 原则 活 中 那样 摇 出 动作 即 可 。 


(1) 置 用 户 于 界面 控制 : 
(2) 减少 用 户 的 记忆 负担 。 
) 保持 界面 的 一 致 性 


助 任何 手柄 、 遥 杆 、 鼠 标 
能 轻松 地 成 为 玩家 ， 用 户 享受 游 














52 ”网络 的 开发 


互联 网 的 普及 加 速 了 信息 的 流通 ， 人 们 获取 信息 的 途径 也 逐渐 转向 高 效 的 互联 网 。 网 络 的 开发 主 3 
户 网 站 、 搜 索引 饰 、 系 统 软件 、 即 时 通信 工具 、 电 子 商 务 、 网 络 游戏 、 视 频 分 
以 及 移动 设备 应 用 等 ， 这 些 基于 互联 网 的 产品 都 是 以 满足 用 户 需 求 为 目标 
互动 、 电 子 商 务 功能 为 目的 ， 以 良好 美观 的 界面 传达 清晰 、 易 于 理解 
息 ， 并 实现 信息 交互 ， 从 而 在 使 用 的 过 程 中 获得 愉悦 的 用 户 体验 ， 成 为 互联 网 产品 的 
5.2.1 基于 网 络 开发 的 产品 备 ， 并 支持 应 用 软件 开发 和 运行 的 系统 ， 是 所 有 互 
(1) 门户 网 站 是 最 初 的 互联 网 产品 ,是 提供 综合 联网 产品 的 基石 ， 如 Windows、Linux、Macos。 
性 互联 网 信息 和 服务 的 网 站 ， 其 内 容 本 质 上 就 是 新 闻 人 
资讯 ， 也 是 传统 媒体 的 替代 形式 , 如 新 浪 、 搜 狐 等 。 。 交流 的 通信 工具 即 虚 把 世界 人 与 人 的 沟通 工具 ， 如 
(2) 搜索 引擎 是 虚拟 世界 的 指南 针 、 路 标 和 地 QQ. MSN, FEHI 
图 ， 根 据 一 定 的 策略 、 运 用 特定 的 计算 机 程序 从 互 (5) 电子 商务 色 订 可 世界 的 商务 贸易 方式 ,各 
联网 上 搜集 信息 ， 在 对 信息 进行 组 织 和 处 理 后 ， 为 ”Amazon、*bay、 询 宝 、 京 东 、 美 团 等 
用 户 提供 检索 服务 ， 将 用 户 检索 的 相关 信息 展示 给 CO S a 
Ae: MRR: ae Ne ER. 是 建立 人 与 人 之 间 的 社会 网 络 或 社会 关系 的 连接 平台 ， 


FE 心 网 、 视 频 分 享 ci) 、 
(3) 系统 软件 是 指控 制 和 协调 计算 机 及 外 部 设 。 如 和 人 人 网 、 开 心 网 、 视 频 分 享 (YeuTube、 优 酷 )、 博 
客 、 播客 .网络 社区 、 音 乐 共享 (虾米 、 酷 狗 ) 等 。 





有 门 
nA: SNS 网 站 和 社区 ， 
E 通信 、 
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(7) SNS#E (Social Networking Services, ffl 
社会 性 网 络 服务 ) 专 指 旨 在 帮助 人 们 建立 社会 性 网 
络 的 互联 网 应 用 服务 ， 是 内 容 和 关系 交织 的 产品 ， 
是 虚拟 世界 的 公共 交流 空间 ， 如 天 涯 、 猫 扑 、 贴 
吧 、MySpace、Facebook 等 。 

(8) 网 络 游戏 即 虚拟 世界 的 娱乐 方式 ， 如 魔兽 
世界 、DOTA 等 。 

(9) 微 博客 是 指 一 个 基于 用 户 关系 信息 分 享 、 
传播 及 获取 的 平台 ， 用 户 可 以 通过 WEB、WAP 等 各 
种 客户 端 组 建 个 人 社区 ， 以 140 字 左右 的 文字 更 新 信 
息 ， 并 实现 即时 分 享 ， 如 Twitter 和 新 浪 微 博 等 。 

(10) 移动 设备 应 用 程序 是 指 基于 移动 互联 
网 ， 并 可 以 在 智能 手机 、 平 板 电脑 
















方面 的 服务 需 
店 ， 集 合 了 各 种 第 三 方 软件 ， 方 便 用 户 下 载 。 
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它 是 韩国 也 是 亚洲 最 大 的 门户 网 站 ， 在 韩国 的 市 场 占有 
达 77% 。 











图 5.6 Mac os 系统 


苹果 为 Mac 系 列 产 品 开发 的 专属 操作 系统 。 
[RARA] 





网 页 设计 〈 外 观 ) 





图 5.7 苹果 App Store 


拥有 超过 25 万 个 应 用 、65 亿 次 应 用 下 载 量 ， 已 成 为 全 球 最 
大 的 移动 软件 平台 


5.2.2 互联 网 产品 开发 流程 

所 有 基 二 看 联 网 的 产品 ， 首 先 ， 在 设计 之 初 
都 需要 把 据 用 户 的 需 并 根据 用 户 研究 和 需求 分 
析 ,建立 需求 文档 ， 确 定 产品 定位 。 其 次 ， 确 定 信 
息 架 构 一 从 复杂 的 、 巨 量 的 信息 集合 中 有 效 地 提取 
与 结构 ， 让 信息 













产品 原型 设 ; SRE 
框架 ， 确 定 交互 方式 。 最 后 ， 进 行 产品 界面 设计 ， 
赋予 产品 鲜明 的 视觉 风格 ， 从 而 提升 用 户 体验 。 

52.3 ”以 网 站 开发 为 例 说明 信 息 设计 的 应 用 

网 站 是 由 多 个 网 页 以 超 链接 的 方式 组 成 ， 是 内 
容 与 形式 的 有 机 整体 。 网 站 设计 的 流程 包括 信息 收 
集 、 信 息 架 构 、 交 互 设计 、 界 面 设计 、 网 站 测试 与 
维护 。 信 息 收 集 的 目的 是 明确 网 站 定位 ， 进 行 用 户 
研究 ， 把 握 用 户 需求 ， 架构 即 网 站 规划 ， 是 通 
过 对 网 站 内 容 和 用 户 需求 的 分 析 ， 建 立 网 站 信息 组 
织 结 构 、 创 建 网 站 标识 ， 设 计 网 站 导航 系统 ， 
确保 网 站 整体 的 可 用 性 ， 信 息 架 构 的 最 终 目 的 是 帮 
助 用 户 快速 高 效 地 找到 所 \， 而 界面 设计 是 为 
了 统一 视觉 效果 ， 美 化 网 站 ， 创 造 独特 风格 和 良好 
的 用 户 体验 。 

实现 网 站 的 开发 必须 注意 以 下 几 点 。 
1. 信息 的 清晰 化 

信息 架构 实际 上 就 是 构建 网 站 信息 的 结构 或 
信息 地 图 ， 让 用 户 找到 获取 信息 的 途径 。 无 论 是 导 
航 、 标 识 、 组 织 和 浏览 ， 都 应 该 起 到 如 同 建筑 物 导 
向 系统 一 样 的 功效 ， 使 繁杂 的 功能 与 异 质 信息 形成 
清晰 的 结构 ， 用 清晰 的 呈现 方式 ， 绘 制 指引 用 
户 到 达 信 息 的 路 径 。 
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2. 信息 的 可 理解 性 

网 站 是 传播 信息 的 平台 ， 让 信息 可 被 理解 ， 是 创建 信息 架构 的 初 囊 。 用 户 获取 信息 的 过 程 ， 与 界面 
交互 一 利用 感官 接收 信息 一 理解 信息 一 解释 和 表征 一 反馈 。 在 这 个 过 程 中 ， 用 户 需要 对 信息 的 符号 、 含 义 
和 结构 等 进行 解释 和 理解 ， 为 了 保证 用 户 能 够 更 好 地 接收 信息 ， 首 先 要 研究 用 户 的 行为 和 思维 ， 在 此 基础 
上 ， 将 信息 的 内 容 集合 ， 并 发 布 到 网 页 界面 上 。 因 此 ， 信 息 的 可 理解 性 和 呈现 方式 是 影响 用 户 获取 信息 效 
果 的 至 关 重 要 的 因素 。 
3. 信息 的 有 用 性 、 可 用 性 

有 用 性 是 指 网 站 信息 内 容 具 有 潜在 的 能 满足 用 户 需 求 的 功能 。 可 用 性 是 指 通过 网 站 提供 的 操作 手段 能 
够 让 用 户 实现 他 们 查询 、 购物 、 学 习 、 娱 乐 等 方面 的 需要 。 这 两 点 都 是 基于 用 户 的 需求 出 发 ， 注 重 网 站 功 
能 的 实现 ， 使 用 户 专 注 于 内 容 、 提 高 信息 获取 效率 。 
4. 创建 良好 的 用 户 体 验 

用 户 体验 是 指 帮助 用 户 快速 和 容易 地 在 网 站 上 完成 他 们 任务 的 活动 。 这 是 一 种 纯 主观 的 ， 在 用 户 使 用 
网 站 的 过 程 中 建立 起 来 的 感受 ， 用 户 体验 决定 了 用 户 对 于 使 用 网 站 的 满意 程度 。 
5. 网 页 界面 设计 RA 

网 页 界面 设计 即 网 页 布局 与 美化 ， 以 实用 性 为 主 ， 用 信息 设计 的 方法 对 网 页 内 容 进 行 组 织 与 分 类 ， 传 
达 有 用 信息 并 帮助 用 户 快速 理解 操作 ， 实 现 交互 。 界 面 设计 要 素 包 括 静 态 和 动态 两 类 要 素 。 静 态 要 素 包 括 
图 标 、 色 彩 、 文 字 、 图 形 等 ;动态 要 素 包 括 动画 、 音 效 等 由 于 网 络 技术 的 发 展 ， 网 页 呈现 载体 的 变化 
许多 网 站 逐渐 利用 3D 、 多 媒体 、 虚 拟 现实 等 影音 效果 来 加 强 网 页 呈现 的 震撼 力 。 美 观 并 富有 个 性 的 网 页 设 
计 是 吸引 用 户 的 利器 ， 因 此 ， 在 网 站 信息 架构 的 基础 请 ”进行 网 页 界面 设计 需 注意 以 下 几 点 : 

(1) 图 标的 整体 风格 一 致 。 

(2) 界面 颜色 搭配 不 过 于 花哨 。 

(3) 信息 导航 符合 用 户 的 认 知 模式 和 巡 维 5 

(4) 视觉 形式 呈现 符合 内 容 。 > xt 




















5.3 手势 交互 界面 中 的 信息 设计 


交互 是 一 个 结合 计算 机 科学 、 美 学 、 心 理学 、 人 机 工程 学 等 工业 和 商业 领域 的 行为 ， 其 目的 是 促进 设 
计 ， 执 行 和 优化 信息 与 操作 系统 以 满足 用 户 的 需要 。 而 交互 界面 是 人 与 操作 设备 (计算 机 、 产 品 、 移 动 设 
备 ) 进行 信息 交换 的 通道 ， 用 户 通 过 交互 界面 向 设备 输入 信息 、 进 行 操作 ， 被 操作 的 设备 则 通过 交互 界面 
向 用 户 反馈 信息 ， 以 供 阅读 、 分 析 和 判断 。 在 交互 的 过 程 中 ， 交 互 设计 关系 到 界面 的 外 观 与 用 户 的 行为 ， 
在 界面 设计 的 过 程 中 ， 交 互 的 方式 与 呈现 必须 贴近 用 户 ， 考 虑 不 同 用 户 的 

手势 交互 是 指 基于 手势 识别 、 感 应 技术 的 交互 方式 ， 它 打破 了 过 去 “鼠标 + 键盘 ”的 交互 方式 ， 推 动 操 
作 设 备 理解 人 类 的 “语言 ”， 使 得 人 机 之 间 的 交互 更 自然 ， 减 少 了 操作 障碍 ,丰富 了 用 户 体验 。 基 于 手势 
交互 的 界面 是 以 图 形 用 户 界 面 呈 现 信息 ， 确 保 信 息 层级 关系 清晰 、 一 致 ， 用 户 能 够 更 快 更 好 地 理解 信息 ， 
从 而 使 用 自然 的 肢体 动作 和 手势 控制 设备 。 


5.3.1 手势 交互 界面 的 发 展 

随 着 通信 、 娱 乐 、 信 息 和 手持 移动 设备 的 联系 越 来 越 紧密 ， 人 机 交互 方式 经 历 了 鼠标 、 物 理 硬件 、 屏 
幕 触 控 、 远 距离 体感 操作 的 逐步 发 展 过 程 。 当 前 人 机 交互 面临 的 挑战 就 是 如 何 设计 出 支持 非 正 式 交 互 的 系 
统 ， 以 达到 理想 的 交互 效果 。 所 谓 非 正式 交互 ， 就 是 可 以 为 用 户 带 来 更 加 自然 的 交互 体验 的 交互 方式 ， 这 
样 的 交互 方式 使 用 户 更 加 集中 精力 来 完成 任务 ， 而 不 会 受到 计算 机 设备 过 多 的 约束 和 干扰 。 

理想 的 人 机 交互 模式 就 是 “用 户 自由 ”， 自 然 交互 就 在 这 样 的 基础 之 上 逐渐 形成 和 发 展 起 来 的 ， 自 然 
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pha 人 机 交互 模式 是 以 直接 操纵 为 主 的 交互 形式 。 自 然 交互 作为 界面 发 展 的 趋势 逐渐 应 用 于 界面 设计 中 ， 而 基 
于 手势 的 交互 方式 是 自然 交互 的 重要 部 分 ， 利 用 手势 表达 交互 意图 ， 手 势 中 包含 有 大 量 的 交互 信息 ， 同 时 
Ñ 又 符合 人 的 认 知 习惯 ， 人 们 在 数 千 年 发 展 中 已 形成 了 大 量 的 、 通 用 的 手势 ， 一 个 简单 的 手势 往往 包含 着 复 





设 杂 的 信息 。 
R 基于 手势 的 交互 具有 非 精 确 、 多 通道 、 连 续 等 特点 ， 能 够 实现 人 的 认 知 空间 和 设备 操作 空间 之 间 的 平 
滑 过 渡 ， 从 而 有 效 地 改善 了 人 机 交互 的 瓶颈 现象 。 用 手 借 助 触摸 屏 来 完成 交互 操作 已 成 大 多 数 消费 电子 设 
备 的 必然 发 展 趋势 C H PC、 电 视 等 ) 。 手 势 交 互 作为 一 种 用 户 界面 的 解决 方案 ， 还 
E) + 未 来 将 结合 增强 现实 技术 ， 实 现 更 刺激 的 
驾驶 者 提供 便捷 的 操控 ， 它 可 以 用 于 控制 后 备 
厢 盖 和 滑动 侧门 ， 用 FBE, E, p IH 疗 领 域 ， 代 替 鼠 标 便于 医生 进行 远 
离 显示 屏 的 操作 和 病人 的 康复 训练 ， 当 然 ， 也 会 有 更 多 的 手势 交互 广告 出 现在 街头 。 
5.3.2 移动 设备 的 手势 交互 界面 设计 
移动 设备 的 交互 方式 经 历 了 物理 按键 、 触 控 笔 、 手 势 触 控 三 个 发 展 阶段 。 ;这 三 个 阶段 为 交互 设计 研究 
划 定 了 时 代 特 征 ， 而 手势 交互 界面 设计 也 开始 引起 设计 师 和 用 户 更 多 的 关注 。 
移动 设备 的 手势 交互 界面 设计 应 把 握 以 下 iia 计 原 
(1) 以 单 手 、 单 指 的 手势 操作 为 重 È BRERA GRE Se BES EBD . 
(2) 从 人 手 操作 的 行为 属性 出 发 ， 研 = 的 界面 布局 。 
(3) 手势 设计 应 符合 用 户 自然 惯 和 认 知 属 学 易 记 易 用 ， 不 能 增加 用 户 的 记忆 负担 。 
(4) 保证 手指 可 以 轻松 操 的 应 用 避免 IE. 
(5) 提高 用 户 操 作 过 程 中 的 交互 反馈 。 不 同 的 动作 属性 对 应 不 同 的 结果 。 










































图 5.8 物理 按键 图 5.9 WEM 图 5.10 手势 触 控 


5.3.3. 未 来 手势 交互 界面 的 发 展 趋势 
随 着 科技 的 发 展 ， 手 势 操作 交互 技术 也 有 了 出 乎 人 们 意料 的 进步 。 目 前 ， 已 经 出 现 了 更 为 高 端的 空间 
手势 技术 。 这 意味 着 未 来 我 们 在 操作 手机 、iPad、 计 算 机 等 移动 设备 时 ， 已 经 不 需要 再 去 用 手 触 磁 界面 ， 无 














论 屏幕 还 是 的 物理 键盘 ， 轻 轻松 松 挥舞 双手 便 可 以 各 种 复杂 的 动作 ， 这 种 空间 手势 操作 的 技术 仅 
通过 一 个 摄像 头 就 可 准确 捕捉 全 部 动作 。 示 来， 手势 操控 技术 将 结合 增强 现实 、 虚 拟 现 实 等 技术 运用 在 生 


活 服 务 等 各 行 各 业 中 ， 这 些 技术 应 用 的 普及 势必 会 给 人 类 生活 带 来 翻天 覆 地 的 变化 。 目 前 ， 可 以 从 一 些 产 
品 中 ， 看 到 未 来 手势 交互 界面 的 发 展 趋势 。 






图 5.11 


未 来 空间 手势 操作 在 可 穿戴 设备 上 能 够 得 到 更 大 的 使 用 
空间 ， 比 如 应 用 于 Google Glasses 或 与 现 有 的 智能 手表 结 
合 。Google Glasses 是 由 谷歌 公司 于 2012 年 4 月 发 布 的 
“增强 现实 ”眼镜 ， 它 具有 和 智能 手机 一 样 的 
过 声音 控制 拍照 、 视 频 通话 和 辩 明 方向 、 上 网 
字 信 息 和 电子 邮件 等 


Google Glasses 





图 5.12 MYOM (FARAS) 
MYOM (FARBA) 是 加 拿 大 创业 公司 Thalmic 


Labs 推 出 的 创新 性 华 环 ， 佩 戴 它 的 人 只 要 动 动手 指 或 手 ， 就 
能 操作 科技 产品 ， 与 之 发 生 互动 。 它 通过 低 功率 的 蓝牙 设备 
与 其 他 电子 产品 进行 无 线 连接 ， 无 须 借 助 相机 即 可 感知 用 户 
的 动作 。MYO 不 仅 可 以 用 于 玩 电脑 游戏 、 浏 览 网 页 、 播 放 音 
乐 等 娱乐 活动 ， 甚 至 还 能 操控 无 人 机 。 







视点 和 位 置 来 控制 游戏 。 为 了 防止 玩家 在 佩戴 头 愿 玩 游戏 时 误 
撞 到 家 中 的 陈设 ， 还 在 头 式 中 引 八 了 实体 环境 虚拟 技术 ， 当 玩 
家 靠近 茶几 、 桌 子 等 物体 时 ， 这 些 陈 没 都 会 被 同步 映射 到 头 式 
所 展示 游戏 画面 中 ， 从 而 提醒 玩家 避让 。 








b7: 








实 (Augmented Reality, AR) 是 在 
9 基础 上 发 展 起 来 的 新 技术 ， 也 被 称 为 
是 把 原本 在 现实 世界 的 一 定时 间 空 
围 内 很 难 体 as ‘ 实体 信息 (Ant 和 
味道 、 触 觉 ， 通 过 VA REAL IE 
er 从 而 达 








FE. 


后 再 县 加 到 现 





虚拟 现实 (Virtual Reality，VR) 是 借助 计算 机 
图 形 图 像 技术 及 硬件 设备 ， 实 现 一 种 人 们 可 以 通 
过 视 、 听 、 触 、 嗅 等 手段 所 感受 到 的 虚拟 幻境 ， 
故 又 称 幻境 或 灵 境 技术 。 虚 拟 现实 是 利用 计算 机 
模拟 产生 一 间 的 虚拟 世界 ， 提 供 使 用 者 
关于 视觉 、 听 觉 、 触 觉 等 感官 的 模拟 ， 让 使 用 者 
如 同 身 临 其 境 ， 可 以 及 时 、 没 有 限制 地 观察 三 度 
空间 内 的 事物 。 
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5.4 工业 设计 中 的 信息 传达 


置身 于 工业 化 的 时 代 ， 各 类 的 工业 产品 充斥 在 
我 们 生活 中 的 各 个 角落 。 实 际 上 ， 每 个 产品 都 是 一 
个 被 信息 覆盖 的 载体 。 当 我 们 在 房间 看 到 立 在 角落 
的 吸尘器 时 ， 会 想 也 许 是 时 候 该 清洁 一 下 房间 了 。 
当 走 近 吸 侍 器 时 ， 首 先 对 它 进行 观察 、 判 断 ，“ 我 
们 应 该 如 何 使 用 它 ? 我 们 的 手 应 该 握 住 哪里 ”如 何 
辨别 操作 按键 ? ”， 等 等 。 通 常 ， 一 个 好 的 产品 必 
须 是 美观 的 、 易 用 的 。 一 个 产品 的 易 用 性 最 好 的 体 
现 就 是 “一 目 了 然 ， 一 用 即 会 ”， 我 们 需要 的 就 是 
尽量 避免 一 些 不 必要 的 干扰 ， 给 用 户 视觉 、 yfe 
递 错误 的 信息 。 因 此 ， 一 件 产品 传递 给 用 户 的 信息 
必须 是 直接 、 有 效 的 。 
工业 产品 设计 中 的 信息 设计 

工业 产品 设计 是 一 个 创造 性 
程 ， 通 过 线条 、 符 号 、 数 字 、 
现在 用 户 面前 ， 将 用 户 的 需 
理 或 工具 的 过 程 。 
同 于 我 们 传 











5.4.1 


处理 过 
色彩 等 方式 把 产品 呈 
换 为 一 个 具体 的 物 
工业 产品 设计 当中 的 信息 设计 不 
寺 息 设计 。 工 业 
当中 的 信息 设 i 方式 等 都 更 加 立体 ， 
人 机 之 间 的 信息 交互 性 也 更 直观 。 用 户 不 仪 通过 视 
， 更 通过 触觉 、 听 觉 有 时 其 至 连 咱 



















工业 产品 设计 当中 的 信 

-部 分 是 产品 外 观 信 息 “ 即 产 ! 
的 情感 ， 第 二 部 分 是 产品 的 操作 系 | 
即 产品 操作 软 界面 y 为 用 户 提供 信息 引导 和 反馈 。 







这 两 者 一 个 决定 产品 的 外 在 ， 一 个 决定 产品 的 内 
涵 。 而 对 于 一 个 成 功 的 设计 而 言 ， 两 者 同样 重要 。 
5.4.2 工业 产品 外 观 设计 中 的 信息 传达 


产品 是 服务 于 人 的 ， 设 计 应 当 以 人 为 本 ， 当 
一 件 产品 第 一 眼 呈 现在 用 户 面 前 时 被 认为 是 复杂 难 
懂 的 ， 那 么 这 件 产品 必定 是 失败 的 。 产 品 外 观 的 每 
一 个 线条 、 每 一 个 部 件 都 包含 着 人 机 界面 的 交互 信 
息 ， 其 信息 传达 是 通过 产品 造型 上 的 变化 、 线 条 的 
处 理 、 色 彩 和 肌理 的 区 分 、 材 质 的 选择 等 手段 ， 给 
予 用 户 一 些 使 用 引导 ,使 用 户 能 够 轻松 地 找到 开 
关 ， 和 舒适 地 抓 握手 柄 ， 放 心地 使 用 ， 也 从 产品 形 
态 的 象征 语意 上 给 予 心理 上 的 上 暗示， 使 得 用 户 从 情 
感 上 信赖 和 喜爱 产品 。 当 然 ， 设 计 的 前 提 是 对 目标 
用 户 的 功能 需求 、 情 感 需求 、 使 用 习惯 、 使 用 环境 


等 进行 深入 的 了 解 和 分 析 ， 根 据 不 同 用 户 群 的 审美 
与 价值 取向 ， 注 重 产品 形态 的 把 握 ， 使 形式 服从 功 
能 ， 准 确 地 传达 产品 信息 。 








设计 当中 用 来 传递 信息 的 手段 往往 是 与 
用 户 的 使 用 习惯 和 生活 常识 分 不 开 的 ， 产 品 外 










型 的 变化 、 色 彩 分 割 、 材 质 区 分 
语 、 符 号 等 的 设计 来 给 用 户 传达 
信息 。 


Vo Ta fa Te 


图 5.14 飞利浦 (Phiips) RQ1290 至 锋 系 列 电 动 剃 须 刀 

















图 5.15 ”三脚架 





图 5.16 医疗 产品 











图 5.19 ”博朗 冰 感 技术 剃 须 刀 


1. ee 的 变化 、 





Px o 如 图 5.14- can (Philips) apie ae 系列 电 用 ,同时 指示 


Bh Hi AT) 


a 


整体 弧度 很 据 使 用 时 人 手 的 抓 担 方式 来 
iit, + 由 禄 设计 起 到 防滑 作用 ， 当 用 户 使 用 
时 会 根据 产品 的 弧度 找到 正确 的 抓 担 方式 ， 饱 满 的 
造型 < 流畅 的 线条 体现 了 男性 的 特点 和 审美 取向 。 
2. 通过 色彩 来 传达 信息 
bin 在 产品 外 观 中 不 仅 是 美化 的 作 
还 具有 象 关 全 用 者 的 情 虹 WOE 
在 一 些 =“ 品 会 使 用 一 些 红色 、 
等 醒目 的 色 从 而 吸引 用 户 的 注 起 到 
M. Wim BR BEA. K 汽车 三 脚 架 等 一 般 
合用 红色 、 黄 色 ， 医 疗 产品 往往 用 到 白色 、 浅 蓝 
tik: 目的 是 对 病 患 心理 起 到 一 定 的 镇 前 
作用 ， 电 子 产品 色彩 丰富 ， 目 的 是 迎合 不 同 消 
费 者 的 审美 取向 ， 同 时 体现 产品 的 时 尚 感 。 
3. 通过 材质 等 来 传达 信息 

不 同 的 材质 也 为 用 户 传 递 不 同 的 信和 点 
手持 工具 和 户外 仪器 都 用 橡胶 包 庄 ， 起 到 双重 保护 
的 作用 ， 如 充电 钻 (图 5.18) 即 保证 用 户 抓 担 的 舒 ; 
度 ， 保 护 人 手 操作 部 位 和 产品 防 摔 ， 而 金属 
现 产 品 的 技术 和 行业 特征 ， 塑 料 材质 具有 可 塑性 和 
普及 性 ， 经 常 在 产品 设计 中 出 现 ， 可 体现 轻 、 简 、 
注 的 特征 。 

通过 符号 进行 信息 传递 

产品 外 观 上 的 符号 ， 如 电源 开关 、 seca 
符号 ， 也 为 用 户 很 好 地 传递 信息 ， 符 号 承担 的 是 

z aaan 

辫 产 品 的 技术 特点 ， 
= 品 信息 ， 即 可 按压 使 
J 可 辅助 反馈 使 用 信息 。 
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5.5 ”案例 分 析 


案例 1 网 站 界面 设计 





Tokyo City Symphony (东京 城市 交响 
体验 网 站 ) 是 为 庆祝 六 本 木 新 城 诞 生 10 周 年 
而 建 ， 由 博 报 堂 为 其 制作 的 网 站 。 网 站 主题 
为 “LOVE TOKYO”， 以 多 维 的 方式 传递 
了 相关 1 。 网 站 界面 以 城市 为 
1 : 1000 的 微缩 模型 及 3D 投 影 技术 ， 还 原 了 东 

I 实 的 样 貌 。 

网 站 以 动画 交互 的 形式 展现 了 三 个 主 
题 ， 以 不 同 的 投影 角度 和 色彩 分 别 呈 现 了 东 
京 的 三 种 容 莪 “Futuristic City” (未 来 之 
$k) 、“Rock City” (fifi ZR) ， 以 及 能 代 
表 传 统 日 本 的 “Beauty of Nature” ( 美 与 自然 
之 城 ) 。 

网 站 界面 色彩 布局 简洁 ， 以 游戏 
互动 的 模式 吸引 用 户 体验 和 感 本 木 新 城 ， 
































以 清晰 明了 的 图 标 提示 操作 说 明 以 英文 
和 日 文 显示 。 用 户 可 以 过 选择 城 1 让 主题， 通过 键 
盘 上 的 按键 来 换 ， 每 个 按键 都 代表 不 同 
的 城市 视角 和 色彩 ， 点 实现 视角 和 









色彩 转换 ， 并 发 出 不 同 证 音乐 变 得 可 
上 Ppa 编辑 属于 自己 的 乐曲 ， 还 可 
上 与 火 分 享 。 网 站 页 面 跳 转 流 
觉 上 让 入 置身 于 东京 。 

六 本 木 新 城 位 于 东京 都 会 区 的 六 本 木 六 丁 
目地 区 ， 是 日 本 目前 规模 最 大 的 旧 城 改造 成 功 
项 目 ， 以 打造 “城市 中 的 城市 ”为 目的 ， 以 办 
公 大 楼 森 大 厦 (Mori Tower) 为 中 心 ， 具备 了 居 
住 、 办 公 、 娱 乐 、 、 休 息 等 多 种 功能 及 设 
施 ， 是 一 个 超大 型 复合 性 都 会 地 区 ， 约 有 2 万 人 
在 此 工作 ,平均 每 天 出 入 的 人 数 达 10 万 人 。 

博 报 党 是 位 居 日 本 第 二 ， 世 界 排名 第 八 的 
广告 公司 。 该 网 站 由 博 报 堂 设计 制作 ， 网 站 首 
页 以 六 本 木 新 城 摩天 大 楼 为 中 心 ， 不 断 衍生 ， 
整个 迷 了 东京 城市 的 样 貌 ， 无 论 是 
高 层 大 厦 、 密 集 住宅 区 还 是 交通 枢纽 等 都 刻画 
EM Hf 展现 了 一 个 充满 活力 与 激情 的 东 
me 整个 界面 图 标 采 用 扁平 化 设计 ， 于 复 
上 脱颖而出 ， 减 少 了 信息 干扰 ， 









































标 导 航 即 可 完成 
站 为 用 户 提供 了 充分 的 自由 ， 以 音乐 类 濠 
似 的 关卡 模式 展开 ， 可 以 自主 选择 记 





A) 由 | Cli SYN PH NY 


i 


TY SYMPHONY 





盘 


该 网 站 并 不 是 一 个 
























提供 和 分 的 网 站 ， S 人 
而 是 体验 类 的 网 站 ， 介 于 宣传 和 游戏 之 设 
间 ， 建 站 的 目的 是 通过 游戏 类 的 互动 ， 
加 深 用 户 对 六 本 木 新 城 的 了 解 和 关注 。 x 
整个 网 站 的 信息 架构 都 基于 充分 展示 六 的 
AA ILA 息 , 层 级 以 音乐 类 后 
点 化 来 划分 ， 页 面 跳 转 z 

界面 色彩 搭配 协调 ， 突 出 了 不 同 式 





音乐 图 标的 大 小 体 生 
着 音阶 和 音色 的 变化 ， 即 便 是 没有 音 5 
基础 的 用 户 , 二 - 目 了 然 ， 很 忆 
gy 投入 到 网 站 的 乐趣 之 中 。 该 网 站 的 1 
5 式 以 图 标 为 主 ， 风 格 统一 ， 不 同 
不 同 功能 ， 文 字 搭配 清晰 ， 信 
分 明 











Gordy 







ToKY CITY SYMPHONY 








Ath Man T : 
(1) LAUCD (User Concerted Design, 
即 以 用 户 为 中 心 的 设计 ) 为 导向 ， 关 注 用 
ray 创造 愉悦 的 用 户 f 
(2) 梳理 信息 层级 关 











tit, Hit 





(3) 网 页 的 形式 与 内 容 要 匹配 ， 便 
于 确定 视觉 设计 风格 。 

(4) 网 页 布局 要 合理 ， 便 于 实现 清 
晰 、 有 效 地 网 站 导航 。 

(5) 细节 体现 品质 ， 如 图 书 
格 、 大 小 、 质 感 ， 以 及 网 页 的 色 和 
字体 选择 


TOKY® CITY SYMPH ONY 


的 风 








如 淘 
为 其 设计 主题 为 
”的 首页 。 

级 清晰 ， 界 面 风格 










“ 双 11， 不 再 让 f 


要 fad 
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A) 


TEE $ 


tka 








i] 2 Zam Rr ee ee ee ae ee et at eine eee et | ‘ 
ae TERE | iPhone IOS 系 统 中 的 手势 除了 基本 的 上 、 下 滑 屏 | 
目前 ， 手 势 交互 的 界面 设计 已 经 被 : 和 解锁 等 触 控 技术 外 还 集成 更 多 的 手势 识别 功能 ， 例 : 
广泛 地 应 用 于 生活 的 方方面面 。 手 势 交互 ; 如 ， 两 指头 张 开 、 聚 拢 可 将 图 片 放 大 缩小 ， 长 按 个 ， 
的 操作 使 得 人 机 操作 的 效率 得 到 了 提高 ， i 图标 可 对 图 标 进行 删除 或 位 移 管理 等 。 i 


令 人 机 界面 的 操作 增添 了 更 多 的 情趣 。 

本 节 将 集合 分 析 手 势 交互 界面 在 各 
种 产品 和 领域 中 的 应 用 。 以 便 果 产品 为 
例 ， 手 势 操 作 可 以 说 是 苹果 带 给 世界 的 惊 
喜 ， 也 是 iPhone、iPad 可 以 成 为 热门 产品 
的 决定 因素 。 























ABEL, FHES 
击 、 长 按 、 轻 触 、 滑 动 、 拖 动 、 旋 转 、 ti i 
放 、 摇 动 这 八 种 手势 。 | 
莫 果 Magic Mouse 鼠 标 、Macbook 触 | 
摸 板 支持 多 指 、 单 指 滑动 等 多 种 手势 ， 任 ; 
点 、 深 动 、 轻 扫 或 双 指 开 合 ， 六 种 手 
流 直观 地 掌控 屏幕 上 的 



















动作 全 部 精确 捕 握 。 这 种 技术 现 已 在 4 
实 仿真 项 目 中 得 以 实现 ， 通 过 摄像 头 
对 人 的 动作 进行 捕捉 ， 
虚拟 的 环境 中 ， 最 常见 的 形式 是 三 维 游戏 ， 
动画 。 | 
图 5.21 所 示 是 电影 中 经 常 出 现 的 场 | 
景 ， 人 们 利用 全 息 投影 和 传感器 设备 ， 在 
空间 上 ， 或 直接 在 投影 上 进行 交互 操作 。 | 


















手势 交互 界面 ， 简 化 了 交互 流程 ， 
操作 更 便捷 ， 就 算是 初次 使 用 也 能 很 快 
地 学 会 操作 方法 ， 而 且 适 合 于 各 个 年 龄 
层 的 用 户 。 这 种 界面 形式 和 交互 方式 ， 
过 去 只 出 现在 科幻 电影 中 ， 而 今天 已 经 
出 现在 我 们 的 生活 中 ， 期 待 未 来 更 广泛 
的 手势 交互 界面 。 





除了 移动 系统 外 ， 手 势 操作 在 第 三 方 应 用 中 也 产 | 
| 生 了 很 大 的 影响 ， 大 部 分 的 移动 客户 端 产品 也 都 建立 | 
; 了 相应 的 手势 识别 功能 。 例 如 ， 通 过 上 、 下 手指 滑动 ， 
| 实现 翻 页 ， 轻 按 屏幕 1 秒 钟 向 下 拖 搜 滑动 可 实现 页 面 更 ， 
， 新， 手指 左右 的 滑动 可 进行 二 级 页 面 的 切换 等 











Windows 8 系统 的 手势 操作 ， 只 需要 一 个 手指 即 可 实现 ， 既 保 : 
;， 持 了 传统 的 鼠标 点 击 操作 ， 又 有 手势 操作 的 创新 。 : 








图 5.21 手势 交互 界面 案例 分 析 


在 游戏 领域 ， 利 用 手势 触 控 方 式 完成 基本 操作 ， 不 仅 增强 了 游 | 
l 戏 的 趣味 性 ， 同 时 也 让 用 户 体验 到 手势 替代 传统 按键 操作 游戏 所 带 | 
;来 的 快感 。 例 如 ，《 愤 怒 的 小 鸟 》 仅 靠 简单 的 手指 操作 就 赢得 了 全 | 
;世界 的 尖 叫 ， 成 为 游戏 界 的 首富 。 随 之 而 来 的 手势 操控 的 游戏 则 层 | 
| HANGS, fuk HLA. Cut The Rope 等 。 H 











Windows 8 系统 是 UI 界 面 
设计 中 扁平 化 设计 风格 的 典 
范 。 扁 平 化 是 指 视觉 上 图 标 或 

:， 抛 弃 曾 经 盛行 的 
高 光 等 拟 真 视觉 








效果 ， 没 有 任何 立 从 而 
打造 一 种 看 上 去 更 “ 平 ” 的 界 


面 。 扁 平 化 同时 也 是 一 种 内 在 
的 设计 思想 ， 让 设计 者 在 界面 
设计 过 程 中 减少 信息 层级 的 思 
想 。 如 Windows 8 系统 中 的 磁 
贴 ， 直 接 把 天 气 、 时 间 、 日 
期 、 电 量 等 信息 显示 在 图 标 上 
这 样 用 户 可 以 不 用 点 进去 即 可 
看 到 一 这 不 仅 
减轻 了 用 户 的 工作 量 ， 同 时 也 
是 对 用 户 的 一 种 关怀 。 

在 移动 设备 领域 如 何 更 
好 地 运用 手势 交互 设计 的 方法 
如 下 : 

(1) 在 基于 现实 生活 中 手 
势 使 用 习惯 和 认 知 的 基础 上 ， 
可 建立 大 量 可 使 用 的 手势 库 。 

(2) 建立 恰当 的 隐喻 ， 
即 手势 操作 图 标 。 

(3) 减少 误 操作 。 

(4) 合理 运用 操作 引导 。 

(5) 设计 必要 的 操作 反 
馈 提示 。 




















为 虾米 音乐 分 享 iPad 应 用 程 
JE, 设计 手势 交互 引导 界面 。 

要 求 : 符合 功能 需求 ， 创 
新 有 趣 














FT 
8, 
视 和 
a i 本 款 血 压 计 是 全 触 屏 式 的 ， 手 指点 触 的 方式 决定 了 操 | 
息 案例 3 九 安 血压 仪 UI 设计 | 作 区 域 与 显示 的 比例 设计 要 达到 精确 而 简易 的 状态 。 在 设计 i 
if i 上 ， 强 调 细节 来 方便 用 户 ， 创 造 良好 的 使 用 体验 ， 比 如 , 显 ; 


| 示 数 字 的 大 小 与 各 式 图 形 的 相配 ， 柔 和 的 贺 角 界面 框 避免 了 | 
| 生硬 的 感受 。 心 形 图 标的 运用 与 过 去 心 电 仪 上 的 曲线 图 比较 | 
;来 说 ， 更 亲切 ， 考 虑 了 人 的 情感 需求 。 | 


服务 客户 :天 津 九 安 医 疗 电 
| 子 股份 有 限 公司 。 | 
: 客户 调研 :天津 九 安 医疗 电 ， 
| 子 股 份 有 限 公司 以 适宜 现代 家 庭 使 
| 用 的 医疗 器 械 电子 产品 为 核心 。 专 
| 研 于 将 家 庭 和 现代 医疗 联系 起 来 ， 
实现 医疗 进入 家 庭 ， 在 配备 最 新 科 
| 技 医疗 设备 的 条 件 下 ， 让 病人 在 家 
| 中 就 可 以 实施 监护 、 诊 断 、 治 疗 、 : 
| 康复 和 保健 。 i 
i 目标 人 群 分 析 : 本 款 臂 式 血 : 
， 压 仪 首先 是 满足 客户 的 生产 理念 ， 
要 用 户 为 中 老年 人 群 ， 所 以 对 识 | 
， 别 性 的 要 求 较 高 ， 其 界面 设计 必须 
醒目 明了 ， 操 作 简便 直观 。 由 于 产 亏 
| 品 最 终 可 能 走向 国际 市 场 ， 所 以 在 
| 表现 产品 的 品牌 和 气质 的 感受 上 也 
| 必须 设计 到 位 。 i 





















设计 以 用 户 体验 为 中 心 ， 充 
分 考虑 用 户 身心 需求 ， 信 息 表达 
应 根据 用 户 的 年 龄 、 阶 层 不 同 ， 
以 及 对 产品 的 不 同 反应 与 需求 来 
设计 ， 保 证 用 户 使 用 。 








”本 产品 设计 定位 明确 ， 设 计 风格 统一 。 在 使 用 的 颜色 | 
| 上 ， 运 用 了 浅 灰色 调和 浅 蓝 色相 结合 ， 与 医疗 行业 的 属性 | 
” 相 问 合 ， 表 达 出 冷静 、 舒 适 的 感觉 让 使 用 者 感到 镇 静 和 
| 放松。 | 








2014 年 度 的 复旦 


MBA 新 生 数 据 SS } 
人 





充分 考虑 用 户 需求 ， 保 证 信息 直观 、 全 面 。 在 界面 的 i 
; 布局 上 ， 强 调 了 分 区 的 比例 , 左 侧 安排 图 形 ， 运 用 蓝 、 绿 ; 
| 色 的 色彩 分 割 ， 强 化 视觉 效果 ， 右 侧 将 数字 强化 ， 让 使 用 : 
| 者 轻松 读 取信 息 。 信 息 量 充分 ，SYS/mmHg: 高 压 ，DIA/ | 
| mmHg; 低压 ，PULSE/min: 心率 ，MEM: 显示 每 次 测量 | 
| 的 记录 。 i 北京 主语 上 
We 道 产品 品牌 设计 公司 在 充分 研究 用 
户 的 基础 上 ， 以 解决 中 老年 用 户 生 
理 上 的 不 便 和 排除 病 患 心理 上 对 疾 
病 的 恐惧 感 为 目标 ， 根 据 界面 信 息 
的 主 次 梳理 层级 ， 区 分 主 次 ， 以 人 
为 本 区 给 用 户 身心 减轻 负担 ， 带 来 
舒适 感 和 偷 悦 感 。 





































MONITOR 


设计 方法 如 下 : 
(1) 确定 目标 用 户 。 
(2) 以 人 为 本 ， 深 入 了 解 用 


户 需求 。 
(3) 定义 解决 问题 的 框架 ， 
完善 细节 设计 。 
注意 事项 ; 


(1) 注意 系统 的 逻辑 性 。 

(2) 设计 必须 尊重 用 户 的 使 
用 习惯 。 

(3) 整体 设计 风格 需 统一 。 

(4) 提高 系统 设计 趣味 性 ， 
| 赋予 产品 人 情 味 。 
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;整体 造型 圆润 不 生硬 ， 屏 幕 与 水 平视 线 有 一 定 的 倾角 
| 便于 阅读 。 顶 部 蓝 色 开关 按键 ， 直 观 、 易 操作 。 完 善 细节 之 
后， 整体 观察 ， 保 证 造型 和 色彩 的 运用 和 谐 统一 ， 突 出 品牌 | 





找 一 款 自 己 感 兴趣 的 产品 ， 
从 信息 设计 的 角度 分 析 该 产品 








| 都 运用 了 哪些 方法 向 用 户 传递 
”特色 。 信息 。 
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案例 4 停车 空位 导航 装置 设计 





H 


该 设计 作品 整体 运用 了 醒目 的 黄色 ， 易 于 
识别 。 电 子 显示 界面 用 了 红色 、 黄 色 、 绿 色 ， 与 
整体 呼应 的 同时 ， 起 到 区 分 重要 和 次 要 信息 的 作 
用 。 显 示 屏 幕 上 的 “P” 的 标示 ， 向 用 户 传递 了 
“停车 场 ”的 信息 。 














目标 用 户 : 外 出 需要 停车 的 人 
士 (主要 为 中 青年 人 士 ) 。 

使 用 场所 : 公共 停车 场 。 

设计 重点 : 设计 应 直接 、 大 
胆 、 醒 目 ， 外 观 、 色 彩 等 符合 使 用 
场所 特定 风格 ， 分 析 用 户 需求 ， 提 
升 易 用 性 。 

作品 简介 : 在 停车 场 停车 的 
人 都 会 遇 到 这 样 的 情况 ， 明 明 有 空 
车 位 ， 却 总 是 要 找 好 久 才 能 找到 ， 
的 时 候 情 况 更 其 。 停 车 





及 位 置 。 利 用 车 
4 并 通过 屏幕 显示 或 发 送 来 动态 

i 信息， 指引 驾 
驶 员 直 走 或 者 转弯 ， 缩 短 了 停车 
时 间 。 




































在 产品 设计 过 程 中 ， 能 够 做 到 以 目 
标 用 户 需求 为 设计 重点 来 表达 信息 ， 但 
对 信息 加 工 意识 不 够 ， 没 有 注意 使 用 信 
息 设 计 方 法 对 信息 进行 加 工 。 


设计 在 停车 场 入 口 处 ,方便 管理 ， 造 型 和 色 
彩 的 运用 与 停车 场 管理 亭 和 谐 统 一 ， 不 显 突 元 。 
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作品 充分 理解 了 用 户 需 求 ， 区 分 了 用 户 所 
息 。 告 知 用 户 剩 
用 色彩 突出 表 








第 
信 











亭 、 车 场 进出 口 等 进行 合理 规划 。 eee 设 
AEE SETARA 该 学 生 作品 能 
够 抓 住 目标 用 户 需求 ， 并 # 六 

分 析 ， 将 用 户 需求 体现 在 设计 中 


中 。 运 用 一 些 设 计 方法 和 手段 
大 胆 地 表达 自己 的 想法 ， 但 也 
存在 一 些 不 足 ， 比 如 ， 有 些 停 
车 场 较 大 ， 即 使 知道 车 位 的 具 
体位 置 也 不 易 找 到 。 该 设计 车 
能 通过 一 些 和 手段 为 用 户 指出 行 
驶 方向 ， 使 用 户 能 快速 找到 车 
位 具体 位 置 ， 将 会 品 更 具 
可 以 为 用 户 提供 

不 至 的 关怀 。 


























(1) 分 析 目标 用 户 ， 找 出 
客户 需求 及 解决 办 法 ， 尽 可 能 
高 效 、 迅 速 地 达到 用 户 的 使 用 





目的 。 

(2) 梳理 信息 ， 树 立 良 好 
的 层级 关系 ， 以 此 提升 信和 
逻辑 性 ， 从 而 提升 用 户 的 操作 












(3) 在 同一 
根据 功能 、 使 用 
次 ， 进 行 大 小 、 区 域 
区 分 ， 尽 可 能 地 避免 不 必要 的 
信息 给 用 户 带 来 干扰 。 

(4) 统一 整体 风格 ，5 
细节 设计 。 


























大 屏幕 显示 屏 ， 通 过 对 屏幕 的 划分 、 色 彩 的 区 分 ， 梳 理 信 
< 大 的 “P” 方便 用 户 在 

显示 屏 bp， 易于 第 一 时 间 吸 引 近 处 用 户 目 光 ， 
于 次 要 信息 。 在 色彩 运用 上 ， 重 要 信息 如 剩余 车 位 数 、 剩 余 
息 很 好 地 区 分 ， 方 便 用 户 识 别 。 
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$ 
视 
E i 合理 归纳 信息 ， 强 化 信息 设计 。 直 观 的 图 
& AS Information LED 形 ， 搭 配 少量 的 文字 ， 能 使 信息 更 好 地 表达 和 伟 
计 递 。 相 较 文字 而 言 ， 有 时 图 形 能 够 更 加 有 力 地 传 
递 信息 。 图 形 就 像 人 类 的 肢体 语言 ， 有 时 是 一 种 
通用 的 语言 。 将 用 户 需 要 的 信息 通过 图 形 来 传递 
这 些 是 2007 年 红 点 设计 大 赛 获 给 客户 ， 能 够 保证 信息 的 传递 更 加 直接 ， 服 务 人 
奖 作品 。 群 更 加 广泛 。 





Information 的 意思 是 “信息 ”， 
LED 的 意思 是 “发 光 二 极 管 ”, 一 
般 用 来 制作 电子 显示 屏 。Information 
LED 字 面 上 可 以 理解 为 : 信息 电子 显 
示 屏 。 图 中 是 一 种 透明 的 用 来 传达 信 
息 的 电子 显示 屏 。 作 者 将 其 运用 到 地 
铁 上 ， 用 来 解决 过 去 地 铁 上 大 量 的 广 
告 和 信息 给 乘客 的 出 行 带 来 的 不 便 和 
造成 的 困扰 。 
地 铁 广告 牌 上 显示 数量 庞大 的 
商业 广告 信息 经 常 阻碍 人 们 视线 。 
交通 领域 的 大 量 广告 可 能 引起 乘客 
方向 的 迷失 ， 特 别 是 儿童 、 游 客 和 
老年 人 。 列 车 的 出 入 口 被 认为 是 一 
个 信息 的 有 效 传递 区 域 ， 人 们 在 这 
个 区 域 等 待 上 下 车 ， 因 此 这 个 区 域 
具有 易于 被 用 户 关注 的 优势 。 

这 种 透明 的 LED 信 和 息 显 示 屏 可 
以 代替 传统 列车 丫 * 也 可 以 安装 到 
列车 的 窗户 上 ， 用 来 显示 地 铁 的 历 
史 、 旅 游 、 新 闻 标 题 或 天 气 预告 等 
信息 。 这 种 设备 提供 了 有 趣 的 视觉 
效果 ， 尤 其 是 当 火 车 穿 过 地 下 或 夜 Kim Hye-Jin Lim Woo-Teik Seo Heung-Kyo 
幕 降临 的 时 候 。 









































分 析 目 标 用 户 ， 发 现 用 户 需求 。 当 乘客 在 车 
下 等 待 列车 时 ， 左 边 车 窗 显 示 车 辆 正在 靠近 ， 右 
边 车 窗 显 示 列 车 还 要 多 久 到 站 ， 列 车 在 行驶 中 ， 
车 上 的 乘客 会 看 到 车 窗 上 显示 下 一 站 到 站 信息 ， 
列车 到 站 时 ， 车 窗 显 示 屏 显示 车 门 打开 方向 。 


信息 设计 与 产品 设计 同样 服务 于 人 ， 都 
需要 以 目标 用 户 需 求 为 中 心 ， 同 时 需要 注意 
对 信息 的 加 工 处 理 ， 表 现 简 洁 、 美 观 、 直 
接 、 有 效 。 
















整个 设计 以 给 用 户 快速 、 有 效 传递 信息 为 
特点 。 对 信息 设计 力求 简约 ， 避 免 一 切 不 必要 
的 干扰 。 尽 可 能 保证 信息 简化 、 易 懂 ， 色 彩 的 使 
用 上 ， 也 尽量 简化 ， 运 用 了 易于 识别 的 蓝 色 和 














绿色 。 这 个 作品 是 信息 设计 a 
与 工业 设计 结合 的 典范 。 该 设计 首先 中 
分 析出 地 铁 出 入 口 的 信息 具有 易于 被 内 
用 户 关注 的 优势 ， 将 地 铁 车 窗 上 的 玻 E 
璃 换 成 可 传递 信息 的 LED 显 示 屏 ， 并 te 





对 信息 进行 图 形 化 的 归纳 和 设计 ， 力 


求 简约 ， 将 信息 直观 、 有 效 地 传递 给 
\ 用 户 ， 避 免 乘客 因 被 广告 吸引 坐 过 
站 ， 或 乘客 抢 上 抢 下 等 引发 的 安全 
问题 。 
在 玉 业 设计 当中 ， 一 切 都 是 以 用 户 需 
求 为 前 提 ， 外 观 、 使 用 方式 等 的 设计 非 
常 重要 。 注 重 产 品 信 息 的 表达 和 传达 往 

















往 能 提升 产品 易 用 性 和 用 户 使 用 的 舒适 
度 ， 对 信息 进行 加 工 、 设 计 ， 尽 可 能 简 
单 、 直 接地 将 信息 传递 给 用 户 。 有 时 将 
信息 转化 成 图 标 传递 给 客户 ， 能 够 提高 
信息 的 传递 效率 ， 是 一 种 高 于 文字 的 表 
达 方 式 。 











Jung Dae-Heon Jung Young-Wook 





图 5.24 Information LED 





地 铁 门 上 的 窗户 高 度 位 置 正好 位 于 正常 人 视 
线 最 佳 范 围 内 ， 本 身 对 于 向 乘客 传递 信息 具有 一 
定 的 优势 。 将 用 户 乘 车 的 每 个 环节 可 能 需要 的 信 
息 进行 梳理 、 设 计 ， 用 图 标的 方式 表达 出 来 ， 能 
够 保证 更 多 的 人 对 信息 进行 识别 。 





以 目标 用 户 使 用 为 前 提 ， 从 信息 
设计 方法 的 角度 设计 一 款 产 品 。 






























案例 1 世界 自杀 人 数 统计 数据 图 解 


当 秒 针 每 轻 轻 请 动 30 下 , 就 
有 一 个 人 选择 离开 这 个 世界 ,这 
包 言 狂 听 ,而 是 世界 卫生 
六 个 “世界 预防 自杀 日 ”发 
布 的 公告 。 据 卫生 组 织 估算 , 全球 
每 年 有 100 万 人 死 于 自杀 。 自 杀 已 
际 15 一 44 岁 人 的 死亡 的 3 大 
之 一 。 而 我 深 知 选 题 对 
-一 个 好 的 图 解 设计 起 到 至 关 重 
的 作用 。 此 次 我 的 选 题 是 来 自 
一 一 “自杀 ”， 如 今 
的 社会 由 于 生活 压力 大 ,自杀 已 成 
为 我 国 乃 至 整个 世界 一 个 重要 的 
-会 现象 , 做 关于 自杀 的 图 解 同时 
电 提 醒 我 们 应 保持 一 个 健康 的 心 

































因为 做 的 是 关于 死亡 的 图 解 
设计 ， 夯 面 的 整体 感 也 4 大 
出 厚重 的 z“， 所 以 我 首先 用 带 
有 肌理 质感 的 纸 来 增加 死亡 的 气 
息 。 并 扣 出 世界 地 图 ， 将 自杀 人 
数 排名 靠 前 的 国家 轮廓 用 不 同 肌 
HRR, HAPS Rea A 















杀人 数 。 
【参考 视频 】 FARA BRAY & 2b h & DAE AAD BOR RA o 
回 aa HE $44 AS EL BE HY — 7 AR Sh AR RE AE A LOTS A PRAT 10% 


自杀 的 人 数 。 
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想 ， 但 可 以 看 到 这 个 信 
计 图 解 在 细节 上 仍然 可 以 继 
深入 。 比 如 ， 虽 然 图 中 细 






读者 ， 所 以 线条 部 分 可 以 排 
列 得 更 加 考究 。 


因为 是 做 自杀 的 主题 图 
解 设计 ， 所 以 为 了 加 强 画 面 气 
氛 ， 可 改 为 复古 味道 的 纸 ， 再 
将 表示 死亡 人 数 的 图 整体 往 上 
移 ， 与 世界 地 图 紧密 结合 ， 这 
样 画 面 的 布局 会 更 加 紧凑 ， 夯 
面 效果 也 会 更 好 。 











1. http://www.MINT.com/ 


blog/hnance-cone/mint-map-the- 


图 6.1 世界 自杀 人 数 统计 数 
据 图 解 ” 邓 亚运 


worlds-neounces-by-country/ 
2. www.xinxisheji. 


tuyansuo.com 


【参考 视频 】 


最 后 决定 用 人 的 形象 来 表现 自杀 人 数 ， 这 样 的 表现 方式 更 加 
直接 ， 并 加 上 各 国 的 国旗 ,丰富 了 细节 。 男 女人 物 则 分 别 代表 各 
家 的 男性 、 女 性 ， 并 且 对 人 物 的 细节 进行 了 处 理 。 
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现状 的 


信息 设计 视频 Ee 
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案例 2 二 十 四 节气 图 解 设计 


Sees 


ZZ 


二 十 四 节气 总 结 了 降雨 、 降 雪 的 自然 发 生 











规律 ， 记 载 了 大 自然 中 一 些 气 候 现象 。 二 十 四 





节气 在 公历 中 日 期 基本 固定 ， 上 半年 在 6 日 、2 
日 ， 下 半年 在 8 日 、23 日 ， 前 后 相差 一 两 天 。 
在 二 十 四 节气 中 ,五 天 为 一 息 ， 三 候 一 个 节 
气 。 古 人 又 将 每 个 节气 的 三 候 根 据 当 日 的 气候 
特征 和 一 些 特殊 现象 起 了 个 名 字 ， 用 来 简洁 明 
了 地 表示 当时 的 天 气 等 特点 。 二 十 四 节气 共计 
七 十 二 个 气候 。 古 人 在 区 分 八 个 节气 时 利用 每 
个 节气 开 的 花 来 区 分 ， 我们 称 为 花 信 风 。 花 信 
风 中 ， 梅 花 最 先 ， 环 花 最 后 。 这 个 图 解 设计 希 
望 那些 喜欢 节气 的 人 更 加 了 解 节气 ， 同 时 能 义 











起 许多 人 的 美好 回忆 。 








将 二 十 四 坑 气 中 的 黄 经 度数 、 花 信 风 
等 知识 进行 视觉 化 表示 ， 并 融合 黄 经 度数 的 
弧度 进行 二 十 四 节气 字体 设计 ， 更 容易 为 人 
所 熟 记 。 也 许 二 十 四 节气 对 我 们 并 无 实用 之 











处 ， 但 是 二 十 四 节气 好 听 的 字眼 却 令 人 着 
迷 。 农 耕 社会 的 智慧 ， 隔 看 千 百 年 时 光 带 来 久 
违 的 大 地 气息 ， 使 生活 在 钢筋 水 泥 城市 中 的 
我 们 拾 起 只 言 片 语 ， 勾 勒 出 田园 牧歌 的 遥远 
记忆 。 
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时 间 爱 讲 完 
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首先 看 到 的 是 二 十 四 节气 的 总 汇 图 解 设计 。 我 们 
可 以 把 每 一 个 节气 看 成 一 个 单独 的 设计 ， 而 将 它们 撞 
贴 在 一 起 时 又 是 一 个 完整 的 二 十 四 节气 表 。 不 同 于 普 
通 的 节气 表 ， 从 这 份 节气 表 中 可 以 看 出 设计 者 将 每 个 
地 气 都 用 一 种 代表 性 的 花卉 进行 诠释 ， 在 告诉 人 们 节 
气 的 同时 也 介绍 了 代表 花卉 ， 每 个 花卉 都 有 自己 独特 
的 魅力 ， 也 正 是 这 种 魅力 让 整个 二 十 四 节气 看 上 去 更 
加 生动 。 同 时 ， 可 以 看 出 文字 的 排列 顺序 是 精心 修整 
过 的 ， 即 不 让 人 感觉 拥挤 ， 也 不 让 人 感觉 松散 ， 和 图 
像 一 起 组 成 了 一 个 和 谐 的 画面 。 图 解 中 所 看 到 的 每 个 
宁都 是 经 过 了 深思 熟 虑 的 ， 图 解 的 颜色 也 具有 二 十 
节气 的 代表 性 特征 ， 花 的 颜色 加 上 底 色 让 人 感觉 和 谐 
统一 ,文字 和 图 形 也 融 为 一 体 。 所 以 ， 无 论 是 形式 和 
内 容 方面 ， 还 是 图 形 与 色彩 方面 ， 本 设计 都 是 不 错 的 
图 6.2 “二 十 四 节气 图 解 设 计 (—) REE fis 
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文字 经 过 精心 设计 ， 都 是 采用 无 装饰 的 无 衬 线 字 

体 ， 由 直线 与 圆 构成 。 有 直 有 方 的 设计 让 每 一 个 文字 看 

| 上 去 更 加 活泼 ， 并 且 每 一 个 文字 都 可 以 看 成 是 一 个 设计 

后 的 完整 个 体 ， 而 这 些 字 组 合 在 一 起 便 成 了 词 ， 这 些 词 

再 加 以 组 合 后 便 成 了 图 形 ， 图 形 中 方圆 得 当 ， 设 计 可 宏 
观 可 微观 ， 可 见 设计 者 设计 的 细致 人 微 。 
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图 6.3 二 十 四 节气 图 解 设 计 (二 ) RE 
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| 的 简化 变形 的 图 形 表示 ， 为 配合 文字 和 图 形 设 











图 解 设计 作品 讲究 从 微观 到 宏观 的 设计 
展示 。 此 作品 很 不 错 ， 能 够 对 每 一 个 图 标 和 文 
字 进 行 设计 是 很 难得 的 ， 而 设计 师 所 需要 的 也 
正 是 这 样 的 “ 钻 ” 的 精神 ， 只 有 “ 钻 ”， 才 能 
“ 专 ”。 但 是 此 图 解 设计 还 是 有 不 足 之 处 ， 
首先 ， 可 以 看 到 “ 春 夏秋 冬 ” 海 报 ， 圆 饼 数据 
表 表达 的 七 十 二 候 转 征 并 不 明显 ， 仅 仅 用 颜色 
进行 区 分 * 而 县 颜色 还 有 重复 ， 这 样 会 误导 读 
者 ;其 次 六 虽然 对 每 个 图 标 都 进行 了 设计 ， 但 
是 还 是 缺少 七 十 二 候 的 基本 特点 ， 这 也 是 此 作 
PEE nea ffs 


ED pE RN EE AA 














计 ， 都 采用 方圆 的 基本 型 组 合 而 成 ， 颜 色 也 是 
严格 按照 春 夏秋 冬 四 个 节气 给 人 的 感觉 而 设 
定 ， 从 中 可 以 发 现 设计 者 很 用 心地 进行 了 细致 
入 微 的 观察 。 
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图 解 设计 中 的 线 都 是 围绕 图 形 设计 的 ， 
粗细 不 一 的 线条 让 图 解 信息 变 得 井然 有 序 。 上 
方 的 排 字 注意 到 把 字 变 成 面 进行 排列 ， 斜 向 的 
文字 打破 了 中 规 中 矩 的 设计 模式 ， 让 画面 看 上 
去 更 加 活泼 ， 同时 ， 字 体 的 粗细 和 线条 产生 互 
动 ， 线 条 和 文字 成 为 整体 与 图 形 一 起 构成 整 张 
图 解 设计 。 
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案例 3 ” 泰 式 按摩 图 解 分 析 





泰 式 古 法 按摩 历史 悠久 ， 作 为 泰 
国 古 代 医学 文化 之 一 ， 它 有 着 四 千 多 年 
的 历史 ， 其 起 源 可 以 追溯 到 二 千 五 百年 
前 的 古 印度 。 泰 式 按摩 的 手法 有 推拉 、 
拉 、 扳 、 按 、 压 等 方式 ， 多 以 活动 关节 
部 位 ， 伸 展 肌肉 达到 舒 经 活络 、 滑 利 
关节 的 疗效 。 其 手法 刚 中 带 柔 、 柔 中 带 
刚 ， 对 促进 血液 循环 和 新 陈 代谢 有 着 极 
大 的 益处 。 泰 式 按摩 有 利于 快速 消除 疲 
劳 ， 恢复 本 能 ， 还 可 增强 关节 韧带 弹性 
和 活力 ， 恢 复 正常 的 关节 活动 功能 做 
这 样 的 一 组 图 解 设 计 也 是 希望 喜欢 按摩 
的 人 们 能 够 熟知 泰 式 按摩 ;自己 也 能 够 
为 自己 按摩 ， 起 到 保健 的 作用 ， 
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出 于 对 具有 悠久 文化 历史 的 事物 
很 感 兴趣 的 原因 ， 我 选择 了 拥有 四 千 多 
年 历史 的 泰 式 按摩 进行 图 解 研究 。 虽 然 
手绘 的 工作 量 很 大 ， 但 是 也 让 我 更 加 清 
楚 地 了 解 泰 式 按摩 的 细节 。 同 时 ， 自 己 
也 在 这 次 的 图 解 设计 中 学 习 到 了 泰 式 按 
摩 和 信息 设计 方面 的 知识 。 
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教师 点 评 


设计 者 在 详细 了 解 了 泰 式 按摩 后 ， 很 
用 心地 手 给 出 了 泰 式 按摩 的 每 一 个 步骤 ， 
再 进行 对 比 选 出 最 好 的 图 片 放 入 图 解 设计 
作品 中 ， 这 种 精神 是 值得 学 习 与 提倡 的 。 
此 作品 不 足 的 是 没有 考虑 文字 的 编排 和 字 
体 设计 ， 只 是 简单 地 将 已 有 的 字体 敲打 上 
去 ， 未 免 有 些 草率 。 如 果 能 够 很 好 地 利用 
字 间 距 和 行 间距 并 将 标题 字体 进行 相应 
的 设计 图 解 效 果 会 更 好 。 
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一 一 对 手掌 部 位 的 按摩 篇 







背景 选用 泰国 典型 的 土 黄 色 ， 并 且 为 了 突 
出 图 解 ， 将 图 解 背景 换 为 与 黄色 互补 的 紫色 。 
同时 也 可 以 看 到 ， 标 题 的 背景 运用 到 了 泰国 祥 
云 的 典型 屋檐 图 案 ， 这 染 了 泰 式 按摩 的 氛围 。 




















首先 手绘 出 脚 的 线 图 ， 之 后 对 其 上 色 ， 进 
行 “ 白 、 黄 、 黑 ”的 上 色 尝 试 之 后 ， 发 现 白色 
最 适合 此 背景 。 并 且 白 色 的 脚 占 的 比例 较 大 ， 
每 个 图 片 都 是 手绘 后 经 过 对 比 后 选 出 的 。 
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案例 4 食物 的 相生 相克 
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食物 存在 相生 相克 的 关系 。 食 物 的 
基本 属性 的 交互 作用 ， 使 得 食物 之 间 的 
搭配 效果 过 然 。 在 中 国文 化 中 有 “ 药 食 
同 源 ” 之 说 ， 食 物 调配 的 适宜 ， 不 光 能 
养生 调理 ， 还 有 治愈 病症 的 功效 ， 而 不 
注意 食物 搭配 的 禁忌 则 会 导致 对 身体 不 














同 程度 的 损害 。 这 张 海 报 就 是 通过 食物 
的 平 、 温 、 热 、 凉 、 寒 ,介绍 了 每 一 种 
食物 相生 相克 的 关系 ,阅读 过 的 人 可 以 
很 快 地 学 习 养 生 的 饮食 文化 ， 知 道 哪些 


食物 搭配 更 加 营养 ， 哪 些 食物 一 起 吃 会 
引起 食物 中 毒 。 











利用 这 次 图 解 设计 的 机 会 ， 我 学 
习 了 各 种 食材 相生 相克 的 知识 。 此 设计 
案例 中 的 字体 都 是 经 过 平时 对 这 种 食物 
印象 加 以 设计 的 ， 设 计 出 来 的 这 套 字 体 
让 整个 画面 看 上 去 更 加 活泼 。 通 过 这 次 
图 解 设计 ， 我 也 学 到 很 多 设计 的 基础 
知识 。 
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图 6.5 《食物 的 相生 相克 》 
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图 解 图 形 运 用 了 青 、 酒 绿 、 橙 红 、 黄 色彩 
分 别 表现 水 产 、 蔬 菜 、 肉 禽 、 果 品 等 食材 。 用 
不 同 粗细 的 线条 来 表现 与 人 体 健 康 的 相关 度 ， 
1 厘米 是 轻 度 相关 ，2 厘 米 是 中 度 相 关 ，3 厘 米 
是 高 度 相关 ，4 厘 米 是 具有 医疗 作用 的 极 高 相 
关 。 不 同 的 线条 穿插 ， 信 息 虽然 繁杂 ， 但 是 设 
计 者 巧妙 地 运用 了 透 合 的 关系 ， 让 错综复杂 的 
线条 能 够 清晰 的 全 部 映 入 观众 的 眼帘 ， 让 图 解 
设计 能 够 有 条 不 率 地 进行 信息 的 传达 ， 实 现 了 
图 解 设计 的 基本 功能 。 同 时 ， 彩 色 的 眼线 条 与 
文字 相 呼应 ， 颜 色 多 而 不 杂 ， 可 以 看 出 在 颜色 
选择 上 设计 者 也 是 考虑 良 多 。 











左右 结构 文字 侧重 修改 偏旁 部 首 ， 独 体 字 
侧重 非 文字 主要 特征 部 位 进行 设计 ， 变 形 设计 
的 图 形 和 字体 外 形 相似 度 高 ， 可 以 很 好 地 嵌 套 
在 文字 结构 上 ， 并 且 易 于 识别 。 这 样 的 设计 工 
作 量 虽然 大 ， 但 是 却 能 够 充分 地 体现 文字 的 魅 
力 ， 让 文字 成 为 图 形 语言 ， 使 每 一 个 文字 都 对 
相应 一 种 食物 的 图 解 设计 ， 并 和 整个 图 解 设计 
融合 ， 起 到 锦上添花 的 作用 ， 使 整个 图 解 设计 
更 加 有 亲切 感 。 


























= 
a 
Fa 





ATRDLAS ONES 
Kes SFUBERHS 
ERBODS EE 
TMS kB tHe SS 
ER & BOs EH 
G2 MIE EERE 
1 i E FE et E HR Te E P 
See ORS EEKE 
Jesha Bat Ks 
SHSETES FOALS 
HARE ITTF RES 
RSPR ERS 2 
ESTL EOP aE 





从 这 张 信 息 图 解 设计 作品 可 以 看 出 设 
计 者 较 认 真 ， 从 收集 资料 ， 到 每 个 字体 的 
简化 变形 制作 设计 ， 再 到 颜色 的 考虑 ， 都 
是 经 过 了 深思 熟 虑 的 。 对 于 繁多 的 颜色 
设计 者 利用 调整 颜色 明度 关系 ， 让 每 个 颜 
色 之 间 能 够 更 加 和 谐 。 同 时 ， 也 看 出 设计 
者 比较 细心 ， 每 一 个 字体 都 很 精致 ， 都 具 
有 应 有 的 细节 ， 这 样 使 得 整个 画面 更 加 具 
有 设计 感 ， 也 更 具 亲 和 力 ， 更 容易 被 读者 
所 接受 。 
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案例 5 ”地 球 资源 图 解 
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案例 6 ”咖啡 文化 信息 设计 
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案例 8 女装 网 购 数据 信息 设计 
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图 6.9 ”女装 网 购 数据 信息 设计 “ 赵 娇 颖 
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